首页 > 编程语言> 文章详细

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

2022-03-18 23:31:38 阅读：196 来源： 互联网

标签：浏览器对象 JavaScript 537.36 BOM navigator document 99.0

操作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,537.36,BOM,navigator,document,99.0
来源： https://blog.csdn.net/qq_48108092/article/details/123581233

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9