BOM,即浏览器对象模型,提供了与浏览器交互的对象。这些对象包括窗口(Window)、导航器(Navigator)、位置(Location)、历史记录(History)等。以下是一些关于JavaScript BOM的详细代码示例:
1.窗口对象
javascript// 获取窗口的宽度和高度 var width = window.innerWidth; var height = window.innerHeight; // 获取浏览器窗口的滚动条位置 var scrollX = window.pageXOffset; var scrollY = window.pageYOffset; // 打开新窗口 window.open('http://www.example.com', '_blank');
2.导航器对象
javascript// 获取当前页面的URL var currentURL = window.location.href; // 获取URL的路径名、查询字符串等部分 var pathname = window.location.pathname; var search = window.location.search;
3.位置对象
javascript// 获取当前页面的URL var currentURL = window.location.href; // 获取URL的路径名、查询字符串等部分 var pathname = window.location.pathname; var search = window.location.search;
4.历史对象
javascript// 前进到历史记录中的下一页 window.history.forward(); // 回到历史记录中的前一页 window.history.back();
5.屏幕对象
javascript// 获取屏幕的宽度和高度 var screenWidth = screen.width; var screenHeight = screen.height;
6.事件处理
javascript// 添加事件监听器,例如点击事件 document.getElementById('myButton').addEventListener('click', function() { alert('按钮被点击了!'); });