More Related Content
Similar to Browser Object Model (20)
Browser Object Model
- 9. Google Code中语言出现
fuck一词的比率
0.56%
0.29%
0.26%
0.24%
0.15%
0.13% 0.13% 0.12%
0.10%
0.04% 0.05%
- 18. 划时代意义的
IE6诞生
继续打酱油,囧
NetScape的重生
- 22. 拜拜了
NetScape
从IE7到IE8并
无本质的飞跃
Chrome火爆发布
惊艳的v8引擎
- 29. BOM
• Document对象 - DOM根节点
• Frames数组 – 历史记录
• History对象 – 窗口浏览历史
• Location对象 – 地址栏相关
• Navigator对象 – 浏览器版本信息
- 30. 浏览器提供的全局方法
方法名 说明
alert/confirm/prompt 弹框
set(clear)Timeout 设置(清除)延时执行
set(clear)Interval 设置(清除)循环执行
close/open 关闭/打开窗口
scroll(To) 窗口滚动
move(resize)To 窗口移动到(改变为)
eval 执行js代码
blur/focus 失去/得到焦点
- 31. 帧(window)相关的变量
方法名 说明
parent 如果当前窗口为frame,指向
包含该frame的窗口的frame
self 指向当前的window对象
top 如果当前窗口为frame,指向
包含该frame的top-level的
window对象
window 指向当前的window对象
- 36. <!DOCTYPE HTML>
<html lang="zh">
<head>head</head>
<body>
<script> error
//error
alert(document.getElementById('a'));
</script>
<span id="a“>error</span>
</body>
</html>
- 37. <!DOCTYPE HTML>
<html lang="zh">
<head>head</head>
<body>
<span id="a">ok</span>
<script> ok
//ok
alert(document.getElementById('a'));
</script>
</body>
</html>
- 40. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body>
<div id=“J”>
<span id="a">ok</span>
<span id="a">ok</span>
</div>
</body>
</html>
- 41. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body> body
<div id=“J”>
<span id="a">ok</span>
<span id=“b">ok</span>
</div>
</body>
</html>
- 42. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body> body
<div id=“J”>
<span id="a">ok</span> div#J
<span id=“b">ok</span>
</div>
div#J available
</body>
</html>
- 43. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body> body
<div id=“J”>
<span id="a">ok</span> div#J
<span id=“b">ok</span>
span#a
</div>
</body>
</html> span#a available
- 44. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body> body
<div id=“J”>
<span id="a">ok</span> div#J
<span id=“b">ok</span>
span#a
</div> div#J contentready
</body> span#b
</html>
span#b available
- 45. <!DOCTYPE HTML> document
<html lang="zh">
<head>head</head> head
<body> body
<div id=“J”>
<span id="a">ok</span> div#J
<span id=“b">ok</span>
span#a
</div>
</body> span#b
</html>
domready
- 46. <!DOCTYPE HTML>
<html lang="zh">
<head>head</head>
<body> ok
<script>
Y.on(‘available’,function(){
alert(Y.one(‘#a’));
},’#a’);
</script>
<span id="a">ok</span>
</body>
</html>
- 59. 事件委托
<div id="container">
<ul>
<li id="item-1"><em>1</em></li>
<li id="item-2"><em>2</em></li>
</ul>
</div>
Y.delegate(‘click’,function(e){
//当事件冒泡至li处,触发回调
},’#continer’,’li’);