美文网首页
JavaScript BOM

JavaScript BOM

作者: soso101 | 来源:发表于2016-03-13 17:10 被阅读0次

    window对象

    浏览器的一个实例。在浏览器中,window对象有双重角色,既是通过JavaScript访问浏览器窗口的一个接口。

    全局作用域

    所有在全局作用域中声明的变量、函数都会变成window对象的属性和方法。

    全局变量与在window对象上直接定义属性有一点不同:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。

    尝试访问未声明的变量会抛出错误,但是通过查询window对象,可以知道某个可能未声明的变量是否存在。

    var newValue = oldValue;//error

    var newValue = window.oldValue;//不会报错

    窗口关系及框架

    如果页面中包含框架,则每个框架都拥有自己的window对象,并且保存在frames集合中。在frames集合中,可以通过数值索引或者框架名称来访问响应的window对象。每个window对象都有一个name属性,其中包含框架的名称。

    top对象始终指向最高(最外)层的框架,也就是浏览器窗口。使用它可以确保在一个框架中正确地访问另一个框架。因为对于在一个框架中编写的任何代码而言,其中的window对象指向的都是那个框架的特定市里,而非最高层的框架。与top相对的另一个window对象是parent。始终指向当前框架的直接上层框架。在某些情况下,parent有可能等于top;但在没有框架的情况下,parent一定等于top。与框架有关的最后一个对象是self,它始终指向window;实际上,self和window可以胡煌使用。所有这些对象都是window对象的属性,可以通过window.parent、window.top等形式来访问。在使用框架的情况下,浏览器中会村子多个Global对象。在每个框架中定义的全局变量会自动成为框架中的window对象的属性。由于每个window对象都包含原生类型的构造函数,因此每个框架都有一套自己的构造函数,这些构造函数一一对应,但并不相等。这个问题会影响到对框框架传递的对象使用instancof操作符。

    窗口位置

    IE、Safari、Opera、Chrome:screenLeft、screenTop

    FireFox、Safari、Chrome:screenX、screenY

    moveTo

    moveBy

    窗口大小

    IE9+、Firefox、Safari、Opera、Chrome:innerWidth、innerHeight、outerWidth、outerHeight。

    IE、Firefox、Safari、Opera、Chrome:

    document.documemtElement.clientWidth、document.documentElement.clientHeight

    resizeTo

    resizeBy

    导航和打开窗口

    使用window.open()方法既可以导航到一个特定的url,也可以打开一个新的浏览器窗口。四个参数:要加载的url、窗口目标、一个特性字符串以及一个表示新页面是否取代浏览器历史记录中当前加载页面的布尔值。通常只需第一个参数。

    如果第二个参数并不是一个已经存在的窗口或框架,那么该方法就会根据在第三个参数位置上传入的字符串创建一个新窗口或新标签页。如果没有传入第三个参数,那么就会打开一个带有全部默认设置的新浏览器窗口。在不打开新窗口的强狂下,会忽略第三个参数。

    调用close方法可以将打开的窗口关闭。

    间歇调用和超时调用

    setTimeout:两个参数,要执行的代码和以毫秒表示的时间。第一个参数可以是一个包含js代码的字符串,也可以是一个函数。返回一个数值ID,表示超时调用。这个超时调用ID是计划执行代码的唯一标识符。可以通过他来取消超时调用。要取消尚未执行的超时调用计划,可以调用clearTimeout方法,并将相应的超时调用ID作为参数传递给他。

    setInterval:间歇调用,参数同上。

    系统对话框

    alert、confirm、prompt,显示这些对话框的时候代码会停止执行,关掉后继续执行。

    find、print

    location对象

    既是window对象的属性,也是document对象的属性。保存着当前文档的信息,还将url解析为独立的片段,让开发人员可以通过不同的属性访问这些片段。

    hash:返回url中的hash

    host:返回服务器名称和端口号

    hostname:返回不带端口号的服务器名称

    href:返回当前加载页面的 完整url

    pathname:返回url中的目录和(或)文件名

    port:返回端口号

    protocol:返回页面使用的协议

    search:返回url的查询字符串

    每次修改location的属性(hash除外),页面都会以新url重新加载。

    当通过上述任何一种方式修改url之后,浏览器的历史记录中就会生成一条心记录,因此用户通过单击后退蛋妞都会导航到前一个页面。要禁用这种行为,可以使用replace方法。这个方法值接受一个参数,即要导航到的url;结果虽然会导致浏览器位置改变,但不会在历史记录中生成新记录。在调用replace之后,不能回到前一个页面。

    reload,重新加载当前显示的页面。参数为true,表示从服务器重新加载。

    navigator对象

    识别客户端浏览器

    appCodeName:浏览器名称

    appName:完整的浏览器名称

    appVersion:浏览器的版本

    cookieEnabled:

    javaEnabled:

    language:

    mimeTypes:在浏览器中注册的MIME类型数组

    Platform:平台

    userAgent:浏览器的用户代理字符串

    检测插件

    注册处理程序

    screen对象

    history对象

    相关文章

      网友评论

          本文标题:JavaScript BOM

          本文链接:https://www.haomeiwen.com/subject/yqbxlttx.html