JS之BOM的几个对象
什么是BOM?
BOM(Browser Object Model)即浏览器对象模型。 BOM提供了独立于内容 而与浏览器窗口进行交互的对象;
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window; BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性; BOM缺乏标准,JavaScript语法的标准化组织是ECMA,dom的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。
window对象是js中的顶级对象,所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。
location对象
浏览器的地址栏对象
//对象中的属性和方法
//location对象
//console.log(window.location);
//地址栏上#及后面的内容
//console.log(window.location.hash);
//主机名及端口号
//console.log(window.location.host);
//主机名
//console.log(window.location.hostname);
//文件的路径---相对路径
//onsole.log(window.location.pathname);
////端口号
//console.log(window.location.port);
//协议
//console.log(window.location.protocol);
//搜索的内容
//onsole.log(window.location.search)location其他的属性和方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input type="button" id="btn" value="按钮"/>
<script>
document.getElementById("btn").onclick = function () {
location.href="http://www.baidu.com";//跳转到页面的属性,浏览器有后退
//location.assign("http://www.baidu.com");//跳转到页面的方法,浏览器有后退
// location.reload();//重新加载--刷新
//location.replace("http://www.jd.com");//替换,浏览器不能后退
};
</script>
</body>
</html>navigator对象
//通过platform属性可以判断浏览器所在的系统平台类型.
//console.log(window.navigator.platform);定时器
<script>
//setInterval函数返回timeId
var timeId = setInterval(function () {
alert("hello");//每隔一秒弹框
}, 1000);
document.getElementById("btn").onclick = function () {
//点击按钮,停止定时器
//参数:要清理的定时的id的值
window.clearInterval(timeId);
};
</script>本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!