JavaScript【操作BOM对象（重点）】

2022/3/19 1:28:12

编程Tag： javascript 对象浏览器 bom navigator document 537.36 99.0

本文主要是介绍JavaScript【操作BOM对象（重点）】，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

操作BOM对象（重点）

浏览器介绍

javascript诞生就是为了能够让他在浏览器中运行

BOM：浏览器对象模型

三方

window

window代表浏览器窗口

Navigator

Navigator 封装了浏览器的信息

navigator.appName
'Netscape'
navigator.appVersion
'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36 Edg/99.0.1150.39'
navigator.userAgent
'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.51 Safari/537.36 Edg/99.0.1150.39'
navigator.platform
'Win32'

大多时候，我们不会使用navigator对象，因为会被“人为”修改

不建议使用这些属性来判断和编写代码

screen

代表屏幕的尺寸

screen.width
1536px
screen.height
864px

location

location代表当前页面的URL信息

hostname:localhost:63342
href:http://localhost:63342/java_test_2022-2-28/JavaScript/6-1%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B.html?_ijt=lcdhhk6a66ohsbl991klo5gfb2
reload:f reload() //刷新网页
//设置新的地址
location.assign('')

document

document代表当前页面，HTML DOM文档树

document.title
"百度一下，你就知道"
document.title='酱油'
"酱油"

获得具体的文档树结点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<dl id="app">
    <dt>java</dt>
    <dd>javase</dd>
    <dd>javaee</dd>
</dl>

<script>
    var dl=document.getElementById('app');
</script>

</body>
</html>

获取cookie

劫持cookie原理

服务器端可以设置cookie：httpOnly

history

代表浏览器的历史记录

history.back()//后退

history.forwork()//前进

这篇关于JavaScript【操作BOM对象（重点）】的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！