JavaScript BOM

本文深入探讨了浏览器对象模型(BOM)中的Window对象,详细介绍了Window对象的属性如location、history,以及方法如open、close、scrollTo等,帮助读者全面理解Window对象在网页交互中的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、Window对象
  1. 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
  2. Window对象表示浏览器窗口,所有JavaScript全局对象、函数以及变量均自动成为 window 对象的成员。
  3. 全局变量是window对象的属性,全局函数是window对象的方法。HTML DOM的 document也是window对象的属性之一。
  4. window.navigator.userAgent:浏览器标识。
//alert( window.navigator.userAgent )
if( window.navigator.userAgent.indexOf('MSIE') != -1 ) {
    alert('我是ie');
} else {
    alert('我不是ie');
}
  1. window.location:浏览器url地址信息,可读可写。
对象属性描述
window.location.href设置或返回完整的 URL
window.location.search设置或返回 url?,?+后面的内容
window.location.pathname设置或返回当前 URL 的路径部分
window.location.hash设置或返回 url#后面的内容 哈希值
window.location.port设置或返回当前 URL 的端口号
window.location.hostname设置或返回当前 URL 的主机名
window.location.host设置或返回主机名和当前 URL 的端口号
window.location.protocol设置或返回当前 URL 的协议
  1. window.history:History 对象包含用户(在浏览器窗口中)访问过的 URL。length返回浏览器历史列表中的 URL 数量。back()加载 history 列表中的前一个 URL。 forward()加载 history 列表中的下一个 URL。go()加载 history 列表中的某个具体页面,负数是后退,正数是前进。
二、Window对象方法
  1. window.onhashchange:当hash改变触发。
  2. window.open(url,target):打开一个新的浏览器窗口或查找一个已命名的窗口。返回值是新打开的window对象。地址默认是空白页面,打开方式默认新窗口。可以接受第三个参数是打开窗口的样式。
window.open('http://www.baidu.com', '_self');

var opener = window.open();
opener.document.body.style.background = 'red';
  1. window.close():关闭window这个对象窗口。
  2. window.scrollTo(x, y):把内容滚动到指定的坐标。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){
    window.scrollTo(100,100);
}
  1. window.scrollBy(x, y):滚动叠加,不加px。x为水平方向滚动条,y为垂直方向滚动条。
document.onclick = function(){
    window.scrollBy(100,100);
}
  1. onload:文档加载完毕
  2. onscroll:滚动的时候
  3. onresize:调整尺寸的时候
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值