首页 > 编程语言> > JavaScript小汇（7）—— 操作BOM对象

JavaScript小汇（7）—— 操作BOM对象

2021-02-03 09:34:13 作者：互联网

文章目录

- 操作BOM对象重点

操作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();//前进

如有不对的地方欢迎大家指出，共同进步！

标签：浏览器,小汇,JavaScript,window,BOM,home,navigator,document
来源： https://blog.csdn.net/weixin_45734378/article/details/113539326