浏览器对象模型 BOM,BOM提供了很多对象,用于访问浏览器对象。总结一下常用的属性及方法

1.history 保存用户上网的用户记录

history.go()//跳转到任意位置

   history.back() //后退

   history.forword()//前进

   history.length//历史记录的条数,可用于判断页面是否第一条历史记录

2.screen 基本上只表现客户端的能力 包括浏览器窗口外部的显示信息

常用的属性有 screen.height  screen.width。这两个属性被各大浏览器都兼容

   

 document.body.οnlοad=function(){document.write("屏幕像素高度:"+window.screen.height+"屏幕宽度:"+window.screen.width);}

  3. navigator  已经成为识别客户端浏览器的事实标准,navigator的属性常用于检测浏览器

    plugins 浏览器中安装插件的信息数组

    例如:

/*------------------------------------------------------------------]以下代码旨在验证window.navigator.plugins 的用法--------------------------------------------------------------------*///Navigator.plugins 属性里包含插件数组,在非IE浏览器中可以这样检测functionhasPlugin(name){name=name.toLowerCase();for(var i=0;i<navigator.plugins.length-1;i++){if(navigator.plugins[i].name.toLowerCase().indexOf(name)>-1){return true;}}return false;}//在IE浏览器中不能这样检测。只能创建相关浏览器中的ActiveObject对象,如果成功表明安装此插件functionhasIEPlugin(name){try{newActiveXObject(name);return true;}catch(ex){return false;}}//检测flash插件functionhasflash(){var result=hasPlugin("Flash");if(!result){  result=hasIEPlugin("ShockwaveFlash.ShockwaveFlsh");}returnresult;}//在body.onload方法验证document.body.οnlοad=function(){if(hasflash()){document.writeln("浏览器含有Flash插件");}else{document.writeln("浏览器没有安装Flash插件");}}

      useAgent 浏览器的用户代理字符串

      可用于web 客户端检测,检测浏览器的版本,名称的信息

      cookieEnalbed 检测浏览器是否禁用cookiEnabked

等属性

4.location 当前窗口加载文档。以及导航

    

 document.body.οnlοad=function(){document.write("hash:"+location.hash+"<br/>") //#号后面的参数document.write("host:"+location.host+"<br/>")          //服务器名称+端口号document.write("hostname:"+location.hostname+"<br/>"); //服务器名称document.write("port:"+location.port+"<br/>");         //端口号 例如:8080document.write("protocol:"+location.protocol+"<br/>"); //协议名 例如:httpdocument.write("seach:"+location.seach+"<br/>"); //?后面的参数}

    location.href 加载文档,并产生一条历史记录

    location.replace() 加载文档不产生历史记录

    location.reload() 从缓存中重新加载文档

    location.reload(true) 从服务器中重新加载文档

    例如:

    

    document.getElementById("reload").οnclick=function(){window.location.reload();  }document.getElementById("reloadtrue").οnclick=function(){window.location.reload(true);}

  5. window 属性

     5.1 系统对话框

        alert()弹出框,confirm()确认对话框 ,prompt()输入对话框

使用方法如下

      

 document.body.οnlοad=function(){alert("message");//确认对话框 有 是 否两个按钮if(confirm("Are you sure ?")){//弹出框 只有一个按钮alert("I am sure !");}else{alert("sorry I'm not sure !");}}document.body.onload=function(){//输入对话框,可以接受输入内容var result=prompt("What's your name boy ?","Jiangqiang");if(result!=null){    alert("hellow,welcome "+result);} }

    5.2 时间函数 Timeout Interval

      var action=setTimeout(function,Time):

      如果在Time时间内没有调用ClearTimeout(action); 将执行一次function

      例如:

 document.body.οnlοad=function(){var  i=1;var dosome=function(){ i=i+1;alert(i)if(i==2){//取消调用
clearTimeout(action);}};//超时调用var action=setTimeout(dosome,3000)}

var action=setInterval(function,Time)
         每隔Time时间就执行一次function,直至调用ClearInterval(function)介绍接受调用

例如:

 document.body.οnlοad=function(){var  i=1;var dosome=function(){ i=i+1;alert(i)if(i==10){//取消调用
clearInterval(action);}};//开始调用var action=setInterval(dosome,2000);    }

    5.3 window.open()

        window.open 可以打开一个新窗口,是唯一可以打开一个无状态栏的窗口的方法

       window.opener是 新打开窗口中表示原窗口的对象

使用例:

       

document.body.οnlοad=function(){var i=1;var newwin=window.open("Default.aspx")//newwin 是原始窗口的指针,可以操作其窗口大小,位置,关闭,//控制其大小newwin.resizeTo(500,100);//控制其位置newwin.moveTo(100,100);var doing=function(){i=i+1;if(i==10){//唯一自动关闭
newwin.close();}}setInterval(doing,1000);}

5.4 窗口关系

      window.top,window.parent,window.opener,window.self 比较关系

      window.opener 是用window.open打开窗体的,父窗体的对象

      window.top 是在页面使用框架(frame),Iframe 时表示浏览器最早的窗体(最父的窗体);

      window.parent 是在页面使用框架(frame),Iframe 时表示浏览器上一级窗体(上级父窗体);

      window.self 是在页面使用框架(frame),Iframe 时 表示自己窗体本身对象。

  

 

转载于:https://www.cnblogs.com/jiangqiang/archive/2013/03/02/2939995.html

JavaScript BOM 随笔谈相关推荐

  1. javascript BOM对象详解

    javascript BOM对象详解 目标:本章节将分为9点详细介绍有关BOM对象的知识点 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window对象常见事件(页面加载事件和体 ...

  2. JavaScript (八) -- JavaScript BOM

    目录 1.   JavaScript BOM的概述: 2.  Window 对象(浏览器窗口对象) 2.1  Window 对象的调用方式:

  3. JavaScript Bom和Dom

    JavaScript Bom和Dom这一篇就够啦 JavaScript Bom和Dom 1.Web API 基本认知 2.DOM -- 基础 2.1 DOM简介 2.2 获取元素 2.3 事件基础 2 ...

  4. JavaScript——BOM知识

    BOM概述 BOM(浏览器对象模型,Browser Object Model),即可以将浏览器的各个部分抽象成对象在JavaScript中进行调用和完成特定的功能.比如对历史记录,地址栏,整个窗口等都 ...

  5. Javascript(十三)javascript BOM详解

    一.BOM定义 ECMAScript无疑是JavaScript的核心,但是要想在浏览器中使用JavaScript,那么BOM(浏览器对象模型) 才是真正的核心. BOM 提供了很多对象,用于访问浏览器 ...

  6. Java JavaScript BOM和正则表达式

    一.作业 二.BOM 浏览器对象模型 (BOM-Browser Object Model) 使 JavaScript 有能力与浏览器"对话". 由于现代浏览器已经(几乎)实现了 J ...

  7. JavaScript:BOM

    目录 一.BOM介绍 1.BOM的构成 二.window对象常用方法 1.窗口加载事件 2.window.onresize 3.confirm()方法 4.open()方法 5.setTimeout( ...

  8. JavaScript BOM浏览器对象模型

    什么是BOM浏览器对象模型? 浏览器对象模型(Browser Object Model(BOM))允许JavaScript与浏览器对话 BOM:浏览器对象模型 //宿主对象 BOM 提供了很多对象,用 ...

  9. javascript BOM与DOM介绍

    Javascript中bom介绍 IE 3.0 和Netscape Navigator 3.0提供了一种特性- BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用BOM,开发者可以移动窗口 ...

  10. JavaScript BOM对象和DOM对象(DHTML)

    一.BOM对象 BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作;使用BOM,开发者可以移动窗口/改变状态栏中的文本/执行其他与页面内容不直接相关的动作 功能:使JS有能力与浏览器" ...

最新文章

  1. 大学毕业后,我将何去何从?
  2. AI学会灌水和造假!Google新研究揭露了AI现实应用的陷阱
  3. 全国信息化计算机应用技术水平教育考试,全国信息化计算机应用技术水平教育考试试卷.doc...
  4. ad09机械层说明_悉数PCB上的各种层
  5. R语言聚类算法的应用实例
  6. 「 每日一练,快乐水题 」917. 仅仅反转字母
  7. 计算2的N次方(信息学奥赛一本通-T1170)
  8. 解析Linux内核模块的链接顺序
  9. GNN 模型在生物化学和医疗健康中的典型应用
  10. 前端根据设计图精确开发 (攻具)
  11. AlexNet卷积神经网络
  12. img = cv2.imread() 后面要跟im = im[:, :, (2, 1, 0)] # 图片做预处理
  13. html图片下载链接怎么弄_html 导入图片
  14. excel 常用快捷键及小技巧
  15. python抖音培训真的假的
  16. k8s二进制部署 1.17.3
  17. 快速了解 Robot Operating System(ROS) 机器人操作系统
  18. 给不会打字的朋友推荐一种鼠标写字的输入法
  19. 正在与python恋爱
  20. 金融行业管理解决方案

热门文章

  1. 解决办法:对lzma_stream_decoder/lzma_code/lzma_end未定义的引用
  2. 早先离开这个公司的人,都比吾聪明
  3. day11_界面闪烁处理
  4. java怎么让二维数组不重复_java - 如何创建具有随机产生的,非重复数二维数组? [重复] - SO中文参考 - www.soinside.com...
  5. python可以500x1000_Python练习题 一. 使用匿名函数对1~1000求和,代码力求简洁。...
  6. ac自动机 匹配最长前缀_【HDU】5069 Harry And Biological Teacher AC自动机fail指针建树dfs...
  7. 如何成为Emacs高手,像神一样使用编辑器
  8. shell脚本中比较、运算以及格式
  9. Javascript 高级程序设计笔记 (cha5 引用类型)
  10. 开放API接口 笑话、天气、新闻 1