BOM 浏览器对象模型

[size=x-large][b]Window对象[/b][/size]
1.所有浏览器都支持window对象,它表示浏览器窗口;
2.用法
[list]
[*]属性:对象名.属性名
[*]方法:对象名.方法名();
[*]事件:对象名.事件名=callback;
[/list]3.所有JavaScript全局对象、函数以及变量均自动成为window对象的成员;
[*]全局变量是window对象的[color=orange]属性[/color]
[*]全局函数是window对象的[color=orange]方法[/color]
[*]举例:
<script type="text/javascript">
var name="gsl";//name为全局变量
function showname()//showname为全局函数
{
return("my name is gsl");
}
console.debug(name);
console.debug(sayname());
console.debug(window.name);
console.debug(window.sayname());
</script>

后台结果展示:
[img]http://dl2.iteye.com/upload/attachment/0117/9798/5ecda99e-3620-3d9d-b916-7ad7c980f14a.jpg[/img]

4. HTML DOM 的 document 也是 window 对象的属性之一;
window的[color=orange]属性[/color]包括子级DOM对象(history、location、document)以及screen等
5.[color=red]作为DOM的根,window可以省略不写;[/color]
6.window的[color=orange]方法[/color](涉及到浏览器兼容性):
[list]
[*]消息框
1)alert:没有返回值,仅用于给出提示框;[color=blue]window.alert("");[/color]
2)confirm:有2个按钮分别表示true、false,返回值为Boolean类型;[color=blue]window.confirm("");[/color]
3)prompt:有2个按钮和一个输入框,确定时返回string类型值,取消返回object类型值(null);[color=blue]window.prompt("");[/color]
[*]窗口
1)open:打开一个新窗口(新选项卡);[color=blue]window.open("URL");[/color]
2)showModalDialog:以模式(不关闭无法返回原窗口)方式打开新窗口,Chrome不支持,IE、FF支持;[color=blue]window.showModalDialog("URL");[/color]
3)close:关闭当前窗口,如果是由open或showModiaDialog方法打开的窗口肯定可以关闭;如果是直接在浏览器地址栏输入地址打开的窗口则根据浏览器不同规则有所不同;[color=blue]window.close();[/color]
[*]定时器:(设定一个回调函数和一个延时时间)
1)setTimeout:延时定时器,最多执行一次
2)setInterval:循环定时器,只要不清除,一直会执行
3)clearTimeout/clearInterval:清除定时器时不区分延时还是循环定时器,建议尽量按照类别清除
[/list]7.window的事件
[list]
[*]onload:页面加载完成后执行;
[*]onscroll:页面滚动后执行;
[*]oncontextmenu:右键菜单
[/list]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值