JavaScript BOM 学习目标 1.掌握什么是BOM 2.掌握BOM的核心-window对象 3.掌握window对象的控制.弹出窗口方法 什么是bom BOM(browser object model)浏览器对象模型 window Window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象 Window对象的方法 语法:window.alert(“content”) 功能…

全局变量声明的两种方式:1,window.变量名=值;2,var 变量名=值; 全局函数声明的两种方式:1,window.函数名=function(){}2,function 函数名=function(){} BOM是Browser Object Model的缩写,是浏览器对象模型核心是window对象,所有的全局变量和全局函数都被归在了window上 使用超时调用执行间歇调用的操作. A: window是浏览器的一个实例 1,即是JS访问浏览器的一个接口. 2,又是ECMAScript的全局对…

navigator对象 [定义] navigator已经成为识别客户端浏览器的事实标准.下表中列出存在于所有浏览器的属性和方法 [检测插件] 检测浏览器插件是一种最常见的检测例程. [1]对于非IE浏览器,可以使用plugins数组来达到这个目的该数组中的每一项都包含下列属性 name:插件的名字 description:插件的描述 filename:插件的文件名 length:插件所处理的MIME类型数量 通过循环迭代每个插件并将插件的name与给定的名字进行比较 //检测非IE中的插件 fu…

1.location 对象 location提供了与当前窗口中加载的文档有关的信息,还有一些导航功能.需要注意的是,window.location 和 document.location 引用的是同一个对象. location 对象的属性: 属性名 例子 说明 hash "#content" 返回URL中的hash(#号后跟零或多个字符),如果没有hash,返回空字符串 host "www.baidu.com:8080" 返回一个URL的主机名和端口(如果有) ho…

JavaScript---Bom树的操作,内置方法和内置对象(window对象,location对象,navigator对象,history对象,screen对象) 一丶什么是BOM ​      Bom:Browser Object Model,浏览器对象模型.操作浏览器部分的功能的API(事件/函数). 结构图:    分析:1.window对象是Bom的顶层对象.所有的对象都是从windom延伸出来的,称其为window子对象.        2.dom是bom的一部分        3.…

screen对象 screen对象应该是BOM对象中最不常用的对象了 其主要用于提供客户端的显示能力信息 包括浏览器外部显示的信息,和像素的宽高等 这个对象的主要用于检测客户端能力,一般不会影响功能 而且由于,该对象的许多属性基本上都是只读的,所以也没有太多可以操作的空间,毕竟这是由客户端硬件所决定的 下面和昨天一样只例举主流浏览器都支持的属性与方法 详见MDN 1.availHeight 屏幕像素总高度减去系统部件高度的值(即屏幕剩余高度) 2.availWidth 屏幕像素宽度减系统部件宽度…

DOM: 描述网页各个组成部分之间的关系. parentNode: 父节点 childNode: 子节点 firstChild: 第一个子节点 lastChild: 最后一个子节点 nextSibling: 下一个姐妹或兄弟节点 previousSibling: 前一个兄弟节点 案例:打开网页出现随机位置星星,点击星星,星星消失 <script type="text/javascript"> window.onload = init; function init() { w…

一.JS浏览器对象-window 1.window对象 window对象是BOM的核心,window对象指当前的浏览器窗口 所有JavaScript全局对象.函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 2.window尺寸 window.innerWidth  浏览器窗口的内部高度 window.innerHeight  浏览器窗口的内部高度 二:JS浏览器对象-History 1.History对象 window.histo…

Navigator对象:         Window对象的navigator属性引用的是包含浏览器厂商和版本信息的Navigator对象:   Navigator对象集合:plugins[] 返回对文档中所有嵌入式对象(插件)的引用,该集合是一个 Plugin 对象的数组,其中的元素代表浏览器已经安装的插件.Plug-in 对象提供的是有关插件的信息,其中包括它所支持的 MIME 类型的列表. Navigator 对象属性 appCodeName        返回浏览器的代码名. appMi…

Location对象location用于获取或设置窗体的URL,并且可以用于解析URL.语法: location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法: 获取当前显示文档的URL,并输出: <script type="text/javascript"> var a = location.href; document.write(a); </script> Navigator对象 对象属性: 使用…