第六章 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.