第六章 BOM模型

1.javascript组成:BOM DOM ECMAScript

2.BOM:(Browser Object  Model)浏览器提供的用户与浏览器窗口之间交互的对象及操作的接口

3.Model:这些对象并不是独立存在的,对象与对象之间存在着层次结构,对象模型的作用就是描述这些层次结构

4.BOM综述:

4. Window对象:

window 对象表示整个浏览器窗口

系统对话框设置

周期性操作设置、延迟执行

浏览器窗口的打开和关闭

5. 对话框:

1.警告框 ----- alert( )    window.alert(message)

2.确认窗口 ----- confirm( )   window.confirm(message)

3.输入框 -----  prompt( )   window.prompt(message, [default]);

例:window.prompt(‘请输入评价, 1(满意) 2(一般) 3(不满意)’);

4.延迟执行  setTimeout( )  ---- 只执行一次

setTimeout(code,interval)  code 为要延迟执行的 JavaScript 代码;interval 为在执行代码前需等待的毫秒数,单位为毫秒

// 第一种写法

function alertmes(){

    var msg = setTimeout("alert('延迟执行3秒钟')", 3000);

    clearTimeout(msg);   msg为返回值,即id

}

// 第二种写法

function alertmes(){

    var timeoutId = setTimeout(function (){

             alert('延迟执行3秒钟');

        }, 3000);

}

5. 取消延迟执行  clearTimeout( id)

 id 是 setTimeout() 方法返回的数字,标识要取消的延迟执行代码块

6.周期执行 setInterval( )  ---- 重复执行,直到 clearInterval( ) 被调用或窗口被关闭  setInterval(code,interval)    code 为要周期执行的 JavaScript 代码,interval 为周期执行的间隔时间,单位为毫秒

7.取消周期执行clearInterval(id )  id是 setInterval() 方法返回的数字

8.打开浏览器窗口open ( )

window.open(url,name,features,replace)

url : 在打开的窗口中加载文档的URL地址。(可选参数)

name : 新开窗口的名称。(可选参数)

features : 新开窗口的特性。(可选参数)

replace : 是否替换窗口中浏览的当前历史。布尔值。(可选参数)

9.关闭浏览器窗口close ( )   window.close()

10.history 历史对象:history 对象包含用户(在浏览器窗口中)访问过的 URL,可以访问浏览器窗口的浏览历史

go(n)如果n为正数,则前进到第n个访问过的网页;

如果n为负数,则后退到第n个访问过的网页。

11.location 地址对象  location 对象包含当前窗口的URL信息

12.navigator 浏览器对象  ,navigator 对象包含浏览器的信息,如浏览器的类型、版本信息等。

13.srceen屏幕对象   screen对象包含客户端显示器屏幕的相关信息。

14.document 文档对象  document 子对象代表了在浏览器中加载的文档

 document.write(str1,str2…)

15.小结

BOM:(Browser Object  Model)

 浏览器提供的用户与浏览器窗口之间交互的对象及操作接口的集合。

 BOM没有统一标准,在使用时需要注意对不同浏览器的支持

16.BOM 小结

17.

猜你喜欢

转载自blog.csdn.net/weixin_42202174/article/details/89282333