首页 > 其他分享 >6.JS操作BOM对象

6.JS操作BOM对象

时间:2022-09-07 22:12:44浏览次数:82  
标签:浏览器 对象 JS cookie BOM document com location

6.操作BOM对象(重点)

浏览器介绍

JavaScript和浏览器的关系

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

BOM:浏览器对象模型

window

window代表浏览器窗口

Navigator

大多数时候,我们不会使用Navigator对象,因为会被人为更改

screen

 屏幕尺寸
 creen.width
 1536
 screen.height
 864

location(重要)

location代表当前页面的URL信息

 host: "www.baidu.com"
 href: "https://www.baidu.com/"
 protocol: "https:"
 reload: ƒ reload()//重新加载(刷新网页)
 location.assign('http://bilibili.com')//设置新的地址

document

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

 document.title
 '百度一下,你就知道'
 document.title="233"
 '233'

获取具体的文档树节点

 <dl id="app">
     <dt>Java</dt>
     <dd>JavaEE</dd>
     <dd>JavaSE</dd>
 </dl>
 <script>
    var dl= document.getElementById('app')
 </script>

获取cookie

 document.cookie

服务器端可以设置cookie:httpOnly

history

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

标签:浏览器,对象,JS,cookie,BOM,document,com,location
From: https://www.cnblogs.com/cyh822blogs/p/16667470.html

相关文章

  • js箭头函数
    一般函数:显示结果:HelloWorld!1hello=function(){2return"HelloWorld!";3}4console.log(hello())使用箭头函数:显示结果:HelloWorld!1hello=()=>......
  • letter.js说明
    文件说明:获取汉字、英文字母的集合示例代码:import$letterfrom'@/common/js/letter.js'$letter.firstLetter('中国人')//打印结果:ZGR$letter.firstLetter('mynam......
  • 5.JS面向对象编程
    5.面向对象编程5.1原型对象JavaScript,java,c#。。。。类:模板对象:具体的实例原型: varuser={   name:"cc",   age:3,   sex:'男',   run:f......
  • 16.1json模块 16.2文件上传 16.3session的高级用法
    16.1json模块#json主要是干嘛的?json非常严格的数据类型,只能用“”,不然会报错,只支持""#把一个东西变成序列#[1,2,3,4,5]#有序的叫序列#{"a",'b'}#散列#importjson......
  • JS: 模拟async/await语法糖
    不熟悉生成器对象的小伙伴,可查看:Generator、Generator.prototype.next模拟函数:/***模拟async关键字的函数*(不返回Promise对象也是可以的)*@paramgenerator*......
  • 包和模块、库、json库
    七.包和模块package:针对代码结构的组织,一个包里面可以拥有很多的python文件module:一个python文件就是一个模块1.从另一个模块直接引用所需代码模块必须是存放在......
  • 11.5面向对象的三大特性
    #面向对象三大特性:封装继承多态#广义得封装:#把方法和变量都封装在类中#比如人狗大战#规范创建对象#创建所有人得属性名都能一致#......
  • 11.6面向对象的3个装饰器
    #比如计算学生得年龄,传生日#importtime##classStudent:##def__init__(self,name,birth):#self.birth=birth#self.name=name##@pro......
  • 10.1纯函数面向对象编程
    #人狗大战#人-角色#名称等级血量攻击力性别职业#zhangsan={'name':"zhangsan",'level':1,'hp':200,'ad':40,'性别':'不详','职业':'射手'}##l......
  • 10.2面向对象
    #面向对象语法#什么是抽象?#类-抽象的角色-具体的#我们创建类的时候会给这个类创建很多抽象的属性和名字,#具体值都是创建对象(角色)过程中体现出来的#class类名:类名......