JavaScript高级程序设计学习笔记第八章--BOM

1.间歇调用和超时调用：

超时调用：需要使用 window 对象的 setTimeout()方法，它接受两个参数：要执行的代码和以毫秒表示的时间（即在执行代码前需要等待多少毫秒）。其中，第一个参数可以是一个包含 JavaScript 代码的字符串（就和在 eval()函数中使用的字符串一样），也可以是一个函数。

第二个参数是一个表示等待多长时间的毫秒数，但经过该时间后指定的代码不一定会执行。JavaScript 是一个单线程序的解释器，因此一定时间内只能执行一段代码。为了控制要执行的代码，就有一个 JavaScript 任务队列。这些任务会按照将它们添加到队列的顺序执行。 setTimeout()的第二个参数告诉 JavaScript 再过多长时间把当前任务添加到队列中。如果队列是空的，那么添加的代码会立即执行；如果队列不是空的，那么它就要等前面的代码执行完了以后再执行。（一般情况就按照能够正常执行算）

间歇调用：
调用 setInterval()方法同样也会返回一个间歇调用 ID，该 ID 可用于在将来某个时刻取消间歇调用。要取消尚未执行的间歇调用，可以使用 clearInterval()方法并传入相应的间歇调用 ID。取消间歇调用的重要性要远远高于取消超时调用，因为在不加干涉的情况下，间歇调用将会一直执行到页面卸载。

2.系统对话框：
alert()：警告对话框，例如：alert("Hello world!")

confirm()：确认对话框，例如：

1 if (confirm("Are you sure?")) {
2 alert("I'm so glad you're sure! ");
3 } else {
4 alert("I'm sorry to hear you're not sure. ");
5 }

prompt()：这是一个“提示”框，用于提示用户输入一些文本。提示框中除了显示 OK 和 Cancel 按钮之外，还会显示一个文本输入域，以供用户在其中输入内容。prompt()方法接受两个参数：要显示给用户的文本提示和文本输入域的默认值（可以是一个空字符串）。

1 var result = prompt("What is your name? ", "");
2 if (result !== null) {
3 alert("Welcome, " + result);
4 }

find()：查找，window.find()

print():打印，window.print()

 

3.location对象：提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。location 对象是很特别的一个对象，因为它既是 window 对象的属性，也是
document 对象的属性；换句话说， window.location 和 document.location 引用的是同一个对象。

4. location.search 返回从问号到 URL 末尾的所有内容，但却没有办法逐个访问其中的每个查询字符串参数。

5.location 对象可以通过很多方式来改变浏览器的位置。首先，也是最常用的方式，就是使用assign()方法并为其传递一个 URL。这样，就可以立即打开新 URL 并在浏览器的历史记录中生成一条记录。如果是将 location.href或 window.location 设置为一个 URL 值，也会以该值调用 assign()方法。以下代码完全等价：

1 window.location = "http://www.wrox.com";
2 location.href = "http://www.wrox.com";

 

6.location对象还有很多属性如下所示：

 

7.当通过上述任何一种方式修改 URL 之后，浏览器的历史记录中就会生成一条新记录，因此用户通过单击“后退”按钮都会导航到前一个页面。要禁用这种行为，可以使用 replace()方法。这个方法只接受一个参数，即要导航到的 URL；结果虽然会导致浏览器位置改变，但不会在历史记录中生成新记录。在调用 replace()方法之后，用户不能回到前一个页面。
例如： location.replace("http://www.wrox.com/"); 

8.reload()方法：作用是重新加载当前显示的页面，如果调用 reload()时不传递任何参数，页面就会以最有效的方式重新加载。也就是说，如果页面自上次请求以来并没有改
变过，页面就会从浏览器缓存中重新加载。如果要强制从服务器重新加载，则需要像下面这样为该方法传递参数 true。

9.navigator对象：成为识别客户端浏览器的事实标准，所有支持 JavaScript 的浏览器所共有的，每个浏览器中的 navigator 对象也都有一套自己的属性。

对于非 IE 浏览器，可以使用plugins 数组来达到这个目的。该数组中的每一项都包含下列属性。

• name：插件的名字。
• description：插件的描述。
• filename：插件的文件名。
• length：插件所处理的 MIME 类型数量。

•  1 //检测插件（在 IE 中无效）
   2 function hasPlugin(name){
   3 name = name.toLowerCase();
   4 for (var i=0; i < navigator.plugins.length; i++){
   5 if (navigator. plugins [i].name.toLowerCase().indexOf(name) > -1){
   6 return true;
   7 }
   8 }
   9 return false;
  10 }
  11 //检测 Flash
  12 alert(hasPlugin("Flash"));
  13 //检测 QuickTime
  14 alert(hasPlugin("QuickTime"));

   

• 要在IE中检测插件，唯一方式就是使用专有的 ActiveXObject 类型，并尝试创建一个特定插件的实例。 IE 是以 COM 对象的方式实现插件的，而 COM 对象使用唯一标识符来标识。因此，要想检查特定的插件，就必须知道其 COM 标识符。例如， Flash 的标识符是 ShockwaveFlash.ShockwaveFlash。知道唯一标识符之后，就可以编写类似下面的函数来检测 IE 中是否安装相应插件了。
  

   1 //检测 IE 中的插件
   2 function hasIEPlugin(name){
   3 try {
   4 new ActiveXObject(name);
   5 return true;
   6 } catch (ex){
   7 return false;
   8 }
   9 }
  10 //检测 Flash
  11 alert(hasIEPlugin("ShockwaveFlash.ShockwaveFlash"));
  12 //检测 QuickTime
  13 alert(hasIEPlugin("QuickTime.QuickTime"));

   

10.注册处理程序：navigator 对象新增了 registerContentHandler()和 registerProtocolHandler()方法。

11.screen对象

12.history对象：

使用 go()方法可以在用户的历史记录中任意跳转，可以向后也可以向前。个方法接受一个参数，表示向后或向前跳转的页面数的一个整数值。负数表示向后跳转（类似于单击浏览器的“后退”按钮），正数表示向前跳转（类似于单击浏览器的“前进”按钮）。也可以给 go()方法传递一个字符串参数，此时浏览器会跳转到历史记录中包含该字符串的第一个
位置——可能后退，也可能前进，具体要看哪个位置最近。如果历史记录中不包含该字符串，那么这个方法什么也不做。例如： history.go("wrox.com");//跳转到最近的 wrox.com 页面 


可以使用两个简写方法 back()和 forward()来代替 go()，back代表后退，forward()代表前进。

history的length属性代表保存着历史数量。