举例说明常用的BOM属性和方法有哪些？-编程知识

举例说明常用的BOM属性和方法有哪些？

好的，以下是一些常用的 BOM 属性和方法的示例，并附带说明：

Window 对象属性:

innerWidth / innerHeight: 获取浏览器窗口内部的宽度和高度（不包括菜单栏、工具栏等）。
```
console.log("Inner Width:", window.innerWidth);
console.log("Inner Height:", window.innerHeight);
```
outerWidth / outerHeight: 获取浏览器窗口外部的宽度和高度（包括菜单栏、工具栏等）。
```
console.log("Outer Width:", window.outerWidth);
console.log("Outer Height:", window.outerHeight);
```

screen.width / screen.height: 获取用户屏幕的宽度和高度。

console.log("Screen Width:", screen.width);
console.log("Screen Height:", screen.height);

location: 包含当前 URL 的信息。一些常用的属性包括：
- href: 获取或设置完整的 URL。
- pathname: 返回 URL 的路径部分。
- hostname: 返回 URL 的主机名。
- protocol: 返回 URL 的协议。
```
console.log("Current URL:", window.location.href);
console.log("Pathname:", window.location.pathname);
window.location.href = "https://www.example.com"; // 跳转到新页面
```
navigator: 包含浏览器的信息。
- userAgent: 返回用户代理字符串，可以用来识别浏览器类型和版本。
- platform: 返回运行浏览器的操作系统平台。
```
console.log("User Agent:", window.navigator.userAgent);
console.log("Platform:", window.navigator.platform);
```

Window 对象方法:

confirm(): 显示一个确认框，返回 true 或 false。

let confirmed = confirm("Are you sure?");
if (confirmed) {// 用户点击了“确定”
} else {// 用户点击了“取消”
}

prompt(): 显示一个输入框，返回用户输入的值或 null。

let name = prompt("Please enter your name:", "Guest");
if (name != null) {console.log("Hello, " + name + "!");
}

open(): 打开一个新的浏览器窗口或标签页。
```
window.open("https://www.google.com", "_blank");
```

close(): 关闭当前窗口或标签页。

window.close(); // 通常只允许关闭通过 JavaScript 打开的窗口

setTimeout(): 设置一个定时器，在指定时间后执行一次代码。

setTimeout(() => {console.log("This will run after 2 seconds");
}, 2000); // 2000 毫秒 = 2 秒

setInterval(): 设置一个定时器，每隔指定时间重复执行代码。

let intervalId = setInterval(() => {console.log("This will run every second");
}, 1000);// 停止定时器
clearInterval(intervalId);

scrollTo(): 滚动窗口到指定位置。

window.scrollTo(0, 100); // 滚动到垂直位置 100px

这只是一些常用的 BOM 属性和方法，还有很多其他的属性和方法可以用来操作浏览器窗口和文档。建议查阅 MDN Web Docs (https://developer.mozilla.org/en-US/docs/Web/API/Window) 获取更完整的 BOM 参考。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/843223.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！