首页 > 其他分享 >day37 操作bom对象,dom对象

day37 操作bom对象,dom对象

时间:2022-12-05 22:33:38浏览次数:50  
标签:www 浏览器 dom day37 screen window bom document

操作bom对象

bom:浏览器对象模型

window对象 代表浏览器窗口

 
//window.alert(22)
 window.innerHeight
 //595
 window.innerWidth
 //131
 window.innerWidth
 //322
 window.outerHeight
 //824
 window.outerWidth
 //1536

 

Navigator

 
//Navigator封装了浏览器信息
 navigator.appVersion
 //'5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36'
 navigator.platform
 //'Win32'
//不建议使用navigator属性判断和编写代码
 

 


 ​
 

screen

 //screen代表屏幕尺寸
 screen.width
 //1536
 screen.height
 //864

 

location 代表当前页面的url信息

 /*
 host:"www.baidu.com"
 hostname:"www.baidu.com"
 href:"https://www.baidu.com/"
 protocol: "https:"
 reload: reload()//刷新网页
 */
 ​
 //跳转至其他网页
 location.assign('http://www.bilibili.com')

 

其他

 //document代表当前的页面,html dom文档树
 document.title
 //'百度一下,你就知道'
 ​
 ​
 //获取cookie
 document.cookie
 //'BIDUPSID=33C2B248AF50BA4D1532930E18F354D1; PSTM=1607833850; BAIDUID=857915D13671CA35E7044F3C1DBD4953:FG=1; BAIDUID_BFESS=857915D13671CA35E7044F3C1DBD4953:FG=1; ZFY=1KJ7uzmcLFByZ:A2fasn:Aaq5bnVHNZfWqnrA9SkAWql0:C; baikeVisitId=a2e509a7-59f6-4f0a-afab-df4491f9c721; BD_HOME=1; H_PS_PSSID=37856_36555_37733_37767_37625_37766_37866_36802_37761_37850_26350_22159; BD_UPN=12314753; BA_HECTOR=a08ga0al0184a1ag20a08mik1hogpp61h'
 ​
 ​
 //history 代表浏览器的历史记录
 history.back()
 history.forward()

 

操作dom对象

浏览器就是一个dom树型结构

 //更新:更新dom节点
 //删除:删除dom节点
 //添加:添加一个新的dom节点
 ​
 document.getElementsByTagName('h1')
 document.getElementById('p1')
 document.getElementsByClassName('p2')
 var father = document.getElementById('father')
 var children = father.children//获取父节点下的所有子节点

 

标签:www,浏览器,dom,day37,screen,window,bom,document
From: https://www.cnblogs.com/GUGUZIZI/p/16953763.html

相关文章

  • React Warning: validateDOMNesting(...): <div> cannot appear as a descendant of <p>.
    报错信息umi.js:68474Warning:validateDOMNesting(...):<div>cannotappearasadescendantof<p>.其实不难看出是它提示你应该在p标签中写一个select这里造成错误......
  • 前端基础-04-BOM和DOM
    前戏到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。也就是我们还不能制作一些我们经常看到的网页的一些交互,我们......
  • 论文解读(CDTrans)《CDTrans: Cross-domain Transformer for Unsupervised Domain Adapt
    论文信息论文标题:CDTrans:Cross-domainTransformerforUnsupervisedDomainAdaptation论文作者:TongkunXu,WeihuaChen,PichaoWang,FanWang,HaoLi,RongJin......
  • 【CVPR2022】Detecting Camouflaged Object in Frequency Domain
    【CVPR2022】DetectingCamouflagedObjectinFrequencyDomain论文有一个非官方的实现:https://github.com/VisibleShadow/Implementation-of-Detecting-Camouflaged-Obje......
  • jdk-RandomAccess接口
    接口说明jdk标识接口,实现此接口的类意味着支持随机访问对于一个实现了随机访问的类for(inti=0,n=list.size();i<n;i++)list.get(i);比以下方式......
  • el-dialog获取其中的dom节点方法
    经常在项目中需要创建弹框,弹框里进行一些dom的操作,插入播放器或者上传文件等等。那么获取dom,经常是null或undefinedthis.dialogVisible=truethis.$nextTick(()=>{ l......
  • 《XY618 4G 核心板》BOM全国产化,支持安卓11.0操作系统!
       产品概括:《XY6184G核心板》是深圳市新移科技有限公司基于紫光展锐T618(虎贲T618)平台所研发出的一款4G全网通智能模块,搭载了安卓11.0操作系统,BOM全国产化。该模块......
  • 使用JDOM2.0.6 操作/解析xml
    学习Spring第一天,了解jdom是如何解析xml文件的首先下载jdom的jar包,这里的实例使用的是JDOM2.0.6,与JDOM1.0.不同的是引入的包是有区别的,JDOM2.0.6的jar包使用时导入的是im......
  • day36-bom对象与dom节点
    操作bom对象bom:浏览器对象模型window对象,代表浏览器窗口//window.alert(22)window.innerHeight//595window.innerWidth//131window.innerWidth//322w......
  • 前端之DOM操作
    一、概念javascriptjavascript是一种脚本语言,可以被浏览器解析,所以它可以称之为前端的三把利器之一。javascript跟java没有半毛钱关系。声明局部变量:使用关键字var应......