首页 > 编程语言 > 详细

JavaScript——操作BOM对象(重点)

时间:2021-05-17 00:03:29      阅读:18      评论:0      收藏:0      [点我收藏+]

浏览器介绍

Javascript和浏览器关系?

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

BOM:浏览器对象模型

   >IE 6-11

   >Chrome

   >Safari

   >FireFox

 

第三方

    QQ浏览器

    360浏览器

 

 

 window

window代表浏览器窗口

window.alert(1)
undefined
window.innerHeight
207
window.innerWidth
823
window.outerHeight
790
window.outerWidth
837
//大家可以调正窗口试试!

 

 Navigator

Navigator  封装了浏览器的信息

navigator.appName
>>"Netscape"
navigator.platform
>>"Win32"
navigator.appVersion
>>"5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36"
navigator.userAgent
>>"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36"
window.Navigator.appName
>>undefined

大多数时候,我们不会使用 navigator 对象,因为会被人为修改!

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

 

 

 screen

代表屏幕尺寸

screen.width
>>1536
screen.height
>>864

 

 

  location (重要)

location 代表当前页面的URL信息

host:"www.baidu.com"
href:"https//www.baidu.com/"
protocol:"https:"
reload:f reload()   //刷新网页
//设置新的地址
location.assign(‘https://www.bilibili.com/‘)

 

 document 

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

document.title
>>"新标签页"
document.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上传到他的服务器 -->

 

  history (不建议使用)

history代表浏览器的历史纪录

history.back()    //后退
history.forward()   //前进

 

JavaScript——操作BOM对象(重点)

原文:https://www.cnblogs.com/clblogs/p/14774670.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!