文章目录
操作BOM对象 重点
BOM浏览器对象模型
window
window代表浏览器窗口
window.innerHeight;
>472
window.innerWidth;
>1536
window.outerHeight;
>838
window.outerWidth;
>1550
Navigator(不建议使用)
Navigator,封装了浏览器的信息
navigator.appVersion;
>"5.0 (Windows)"
navigator.appName;
>"Netscape"
navigator.platform;
>"Win32"
navigator.userAgent;
>"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:84.0) Gecko/20100101 Firefox/84.0"
大多数时候不会使用这个对象,因为可以认为修改,不建议使用这些属性来判断和编写代码
screen
代表屏幕尺寸
screen.width;
>1536
screen.height;
>864
location 重要
代表当前页面的URL信息
host: "home.firefoxchina.cn"
hostname: "home.firefoxchina.cn"
href: "https://home.firefoxchina.cn/"
protocol: "https:"
//设置新地址
location.assign("https://blog.csdn.net/weixin_45734378?spm=1000.2115.3001.5343");
document
代表当前页面,DOM
document.title;
>"百度一下，你就知道"
document.title='www';
>"www"
<script>
var c = document.getElementById("co");
console.log(c);
</script>
</head>
<body>
<dl id="co">
<dt>color</dt>
<dd>pink</dd>
<dd>green</dd>
</dl>
</body>
获取cookie
document.cookie;
history(不建议使用)
代表浏览器历史记录
history.back(); //后退
history.forward();//前进
如有不对的地方欢迎大家指出，共同进步！