js高程笔记8-9章

第8章 BOM

1.window对象:既是BOM的核心对象,也是ES的Global对象。

2.如果页面包含框架(frame),每个框架都有自己的window对象,保存在frames集合中。

3.top对象始终指向最外层框架,即浏览器窗口,使用它可以在一个框架中访问另一个框架。

 parent对象始终指向当前框架的上层框架。

 self对象始终指向window。

4.window对象关于窗口位置的属性:

  (1)screenLeft和screenTop(火狐不支持)/screenX和screenY(IE不支持)IE指的是文档区相对屏幕的距离,chrome/firefox/safari指的是浏览器窗口相对屏幕距离

  (2)moveTo(x,y)移动到(x,y)坐标处

    moveBy(x,y)在水平和垂直方向分别移动x像素和y像素

  (3)innerWidth和innerHeight视口宽度和高度

      outWidth和outHeight浏览器窗口大小(在chrome中都是表示视口大小)

  (4)resizeTo(x,y)将浏览器窗口调整为x宽和y高

      resizeBy(x,y)x,y表示新窗口与原窗口的差

5.导航到特定目标或者打开新窗口:window.open(URL,目标位置,特性字符串,是否取代历史记录)

  A.opener表示打开这个窗口的原始窗口对象

  A.closed表示浏览器是否被关闭

6.如果弹出窗口被浏览器内置程序屏蔽,window.open()会返回null,如果被插件屏蔽,会抛出错误,必须用try-catch捕捉。

7.超时调用:setTimeout(执行的代码,时间)。时间是指再过多久把当前任务添加到任务队列中

      clearTimeout()取消超时调用

8.间歇调用:setInterval(执行的代码,时间)。

      clearInterval()取消间歇调用。后一个间歇调用可能会在前一个间歇调用结束前启动(视要执行代码而定),所以一般都是用超时调用模拟间歇调用

9.系统对话框:alert(),confirm(),prompt(),window.print(),window.find()


 

10.location对象:提供当前加载文档相关信息。既是window对象的属性,也是document对象的属性。

11.location.assign(url):打开一个新的URL,跟设置window.location=url和location.href=url一样。浏览器历史记录会增加一条记录,用户可以后退。

   location.replace(url):打开一个新的URL,历史记录不会新增,用户不能后退。

     location.reload():重新加载当前页面


 

12.navigator对象:提供浏览器相关信息

13.navigator.plugins[i]:检测是否安装特定插件

   navigator.registerContentHandler()和navigator.registerProtocolHandler()

14.其他对象:screen对象,history对象

 

第9章 客户端检测

1.能力检测:(1)先检测达成目的的最常用的特性。(2)必须测试实际要用到的特性。(确保判断条件指明的唯一性)

  检测某个特性是否会按适当方式行事,而不是检测是否存在。P218

2.怪癖检测:运行一小段代码,确定某一特性不能正常工作。

3.用户代理检测:通过用户代理字符串来确定实际使用的浏览器。

 

posted @ 2016-08-09 21:30  ancientMuse  阅读(128)  评论(0编辑  收藏  举报