目录
1. 浏览器介绍
- Windows
- Navigator(不建议使用)
- screan
- location(重要)
- document(内容: DOM)
- history(不建议使用)
1. 浏览器介绍
JavaScript 和浏览器的关系
JavaScript 的诞生就是为了能够让他能够在浏览器中运行
BOM: 浏览器对象模型
- IE 6~11
- Chrome
- Safari
- Firefox
- Opera
- 2. Windows
Windows 代表浏览器窗口
- Windows.alert(1)
- undefined
- Windows.innerHeight
- 448
- Windows.innerWidth
- 1920
- Windows.outerHeight
- 1040
- Windows.outerWidth
- 1920
- 3. Navigator(不建议使用)
Navigator 封装了浏览器的信息
- navigator.appVersion
- "5.0 (Windows NT 6.1; WOW64) ApplewebKit/537.36 (Khtml, like Gecko) Chrome/74.0.3729.169 Safari/537.36"
- navigator.userAgent
- "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36"
- navigator.platform
- "Win32"
- navigator.appName
- "Netscape"
大多数时候, 我们不会使用 navigator 对象, 因为会被人为修改!
不建议使用这些属性来判断和编写代码
4. screan
代表屏幕尺寸
- screen.width
- 1920
- screen.height
- 1080
- 5. location(重要)
location 代表当前页面的 URL 信息
- host: "www.baidu.com"
- href: "https://www.baidu.com/?tn=02003390_43_hao_pg"
- protocol: "https:"
- reload: ? reload() // 刷新网页
- // 设置新的地址
- location.assign('https://home.cnblogs.com/blog/')
- 6. document(内容: DOM)
document 代表当期的页面, HTML DOM 文档树
- document.title
- "百度一下, 你就知道"
- document.title = "宏颜获水" // 改变当前页面的 title
- "宏颜获水"
获取具体的文档树节点
- <dl id="app">
- <dt>Java</dt>
- <dd>JavaSE</dd>
- <dd>JavaEE</dd>
- </dl>
- <script>
- var dl = document.getElementById('app');
- </script>
获取 cookie
document.cookie
劫持 cookie 原理
- www.taobao.com
- <script src = "aa.js"></script>
- <!-- 恶意人员: 获取你的 cookie 上传到他的服务器 -->
服务器端可以设置 cookie: httpOnly
7. history(不建议使用)
代表浏览器的历史记录
- // 页面的后退和前进
- history.back()
- history.forward()
来源: http://www.bubuko.com/infodetail-3653853.html