window 对象
window 对象是浏览器的顶层对象,它代表整个浏览器窗口。window 对象包含了许多属性和方法,例如:
- window.document: 表示当前窗口中加载的文档(HTML 文档)。
- window.location: 包含有关当前 URL 的信息,允许对浏览器的导航进行控制。
- window.alert()、window.confirm() 和 window.prompt(): 用于显示警告框、确认框和提示框。
- window.setTimeout() 和 window.setInterval(): 用于设置定时器,执行一些操作或重复操作。
document 对象
document 对象代表当前加载的 HTML 文档,它是 window 对象的一个属性。document 对象包含了与文档内容交互的方法和属性,例如:
- document.getElementById(): 通过元素的 ID 获取元素。
- document.getElementsByClassName() 和 document.getElementsByTagName(): 通过类名或标签名获取元素集合。
- document.querySelector() 和 document.querySelectorAll(): 使用 CSS 选择器获取元素。
- document.createElement(): 创建新的 HTML 元素。
navigator 对象
navigator 对象包含有关浏览器的信息,例如用户代理字符串、浏览器的类型和版本等。
console.log(navigator.userAgent); // 输出用户代理字符串
console.log(navigator.appName); // 输出浏览器的名称
console.log(navigator.appVersion); // 输出浏览器的版本
screen 对象
screen 对象包含有关用户屏幕的信息,例如屏幕的宽度和高度。
console.log(screen.width); // 输出屏幕宽度
console.log(screen.height); // 输出屏幕高度
history 对象
history 对象允许对浏览器的历史记录进行操作,例如前进和后退。
window.history.back(); // 后退一页
window.history.forward(); // 前进一页
这些是一些常见的 Browser 对象,它们使开发者能够与浏览器窗口和文档进行交互,实现更丰富的用户体验。
转载请注明出处:http://www.pingtaimeng.com/article/detail/4366/JavaScript