Js_Dom(6)__Dom基础<Bom,window,计时器以及空野指针>

最新推荐文章于 2023-09-10 23:55:46 发布
VIP文章 最新推荐文章于 2023-09-10 23:55:46 发布
阅读量365 收藏
点赞数
分类专栏： Js_Dom 文章标签： 指针 javascript web前端 事件驱动 dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Richard_xx/article/details/76992674
版权

BOM对象

BOM是browser object model的缩写，简称浏览器对象模型

由一系列功能的对象构成，核心对象是window

BOM缺乏标准(不过所有浏览器都支持)，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C//一定要记住,BOM不是W3C的标准模型


window

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象,由于window是顶层对象，因此调用它的子对象时可以不显示的指明//window.document.write(666)等价于document.write(666)

window下的几大功能对象(window的属性)有:navigatior,screen,document,history,location

 

1.属性:

closed       返回窗口是否已被关闭。

document         对 Document 对象的只读引用

history      对 History 对象的只读引用

innerHeight      返回窗口的文档显示区的高度

innerWidth       返回窗口的文档显示区的宽度

outerHeight

最低0.47元/天 解锁文章
Richard_xx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML DOM scrollTo()方法
anywen5590的博客
06-28 1932
一. 作用 scrollTo()方法可把内容滚动到指定的坐标 二. 语法 scrollTo(x, y) 其中参数x为要在窗口文档显示区左上角显示的文档的x坐标, y为要在窗口文档显示区左上角显示的文档的y坐标 三. 应用 1. 移动到页面底部 driver.execute_script("window.scrollTo(0, document.body.scrollH...
JavaScript--DOM对象
huijie_0716的博客
04-22 754
一、获取对象 1、getElementById() 按元素的ID名称来访问 2、getElementsByTagName() 通过标签名获取元素对象 集合 3、 getElementsByClassName（） getElementsByClassName（“类名”）通过类名来获取元素对象 集合 4、 getElementsByName（） getElementsByName（“name值”）通过name值获取元素对象 集合 5、 querySelector（） que
BOM简介、Navigator、Location、History、定时器、调用栈（调用堆栈）、消息队列、定时器的本质——DOM
weixin_70320000的博客
11-28 360
BOM简介、Navigator、Location、History、定时器、调用栈（调用堆栈）、消息队列、定时器的本质
BOM系列之Navigator对象
老__L的博客
07-30 1668
返回所使用浏览器的构建标识符。现代浏览器中，这个属性返回一个固定的时间戳作为私有的计量方法，比如 Firefox 64 及以后的版本返回 20181001000000。剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。只有在用户事先授予网站或应用对剪切板的访问许可之后，才能使用异步剪切板读写方法。
前端BOM操作详解：从基础到实践
最新发布
DevCorner的Pro技术博客
09-10 460
BOM提供了与浏览器窗口和导航等交互的功能，通过它，我们可以控制浏览器窗口的大小、滚动、定位和其他更多操作。BOM是以浏览器窗口为对象，提供了一系列的方法和属性，用于操作浏览器窗口和与浏览器交互。例如，可以在弹出窗口中添加一个按钮，当用户点击该按钮时，通过JavaScript向父窗口发送消息。在父窗口中监听消息并执行相应的操作。在使用弹出窗口时，需要对用户输入进行严格的过滤和转义，以避免出现XSS和CSRF攻击。通过window对象，我们可以访问其他的BOM对象，以及执行许多与浏览器窗口相关的操作。
javascriptDOM对象之scrollTo()方法,滚动到页面指定位置
KELION1234的博客
12-20 1805
scrollTo是一个神奇的方法，常用于篇幅过长的页面，制作一个回顶部的按钮，我这里简单的实现以下 当然没有一个过渡的js效果 scrollTo(xpos,ypos) 参数描述 xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。 ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。 我就不布局了，就简单的让页面篇幅...
0100_java_web_class1.rar_JAVA WEB基础_JS_DOM_DEMO03.HTML_javaweb
09-20
javaweb开发前奏，对想学习javaweb开发的人，提供最基础的学习资料！
xml_DOM_SAX.rar_DOM_dom xml saxxml_java dom_sax
09-24
DOM 解析 基本操作 SAX 解析 基本操作 上学期XML的一个小作业，都是一些基本操作，刚学XML的同学们拿来玩玩
DOM.rar_DOM_HTML dom_dom树解析
09-21
DOM文档解析说明，对处理树文件的朋友提供参考。
DOM.rar_DOM SAX_XML DOM_dom xml java_sax_simple
09-22
exemples for Simple API fro XML SAX
xml.rar_DOM_XML DOM_dom xml_xml
09-20
DOM提供的XML功能,利用它可以很轻松,很简单地进行XML操作
BOM之navigator对象和用户代理检测
12-07
前面的话 navigator对象现在已经成为识别客户端浏览器的事实标准，navigator对象是所有支持javascript的浏览器所共有的。本文将详细介绍navigator对象和用户代理检测 属性 与其他BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本 属性                                              说明 appCodeName             浏览器名称[所有浏览器都返回Mozilla] userAgent               浏
DOM滚动
weixin_50053454的博客
03-01 507
1.监听页面滚动事件 window.onscroll = function() {} window.onscroll = function(){ // 打印网页的滚动位置/坐标, 要用html调用 console.log(html.scrollTop, html.scrollLeft) // 需求: 如何判断网页滚动到底? 课堂练习 // 网页滚动距离 + 显示窗口高度 == 网页总高
BOM编程：navigator对象
前端御书房
10-23 390
Navigator表示用户代理的状态和标识。Navigator中存在大量的关于浏览器代理的相关信息。每个窗口都有一个关联的Navigator，这是一个Navigator对象。创建Window对象后，Navigator被设置为在Window对象的相关领域中创建的新Navigator对象。
DOM初探（18）——让滚动条滚动
abraham的博客
03-02 9237
五：DOM基本操作： 让滚动条滚动 window上有三个方法 scroll(x,y),scrollTo(x,y) scrollBy(); 三个方法功能类似，用法都是将x，y坐标传入。即实现让滚动条滚动到当前位置。 区别：scrollBy()会在之前的数据基础之上做累加。 <!DOCTYPE html> <html> &...
dom元素滚动条滚动控制详解
神的孩子的博客
05-25 2235
前言 不知道大家有没有遇到过这样的需求，在某个dom元素中添加新的子元素，然后要求如果新添加的新元素超出容器的范围，那么我们需要自动滚动到新添加的子元素的位置，如下图所示效果： 那么接下来我们一边学习一些dom元素滚动相关的知识点，一边实现一个上图的效果和一些其他滚动相关的功能。 需要了解的dom属性和方法 scrollTop、clientHeight和scrollHeight scrollTop属性是一个描述容器元素内容的top值与容器元素(viewport)视口顶部top值之间的差值，即容器中内容向上
BOM之navigator对象
xiaoyangzhu的博客
12-03 293
一 接口定义的属性和方法 navigator对象的属性通常用于确定浏览器的类型 NavigatorID NavigatorLanguage NavigatorOnLine NavigatorContentUtils NavigatorStorage NavigatorStorageUtils NavigatorConcurrentHardware NavigatorPlugins NavigatorUserMedia 二 使用场景 场景一：检测插件 作用：检测浏览器是否安装了某.
bom对象：Window常用方法
New_new_zero的博客
04-16 123
<html> <head> <meta charset="utf-8"/> <title>Window</title> </head> <body> <!-- 创建打开新窗口按钮 --> <input type="button" value="打开新窗口 按钮" onclick="func_open();" /> <!-- 创建清除 setInterval 按钮
在vue 中 ，dom操作滚动条 scrollTop无效
qq_43532386的博客
12-27 2288
问题来源 前几天为了实现一个聊天功能，采用websocket技术，前端收到webscoket传递的消息后，需要将聊天内容滚动到最下边，一直操作，没能成功，最后采用以下方式解决 html布局 1、用的是一个大div里面（id为chatContent），利用vue进行v-for每一条的聊天内容的展示, 2、大的div使用 overflow: auto;属性，自动出现滚动条 vue方法 1、setTimeout的时间可以稍设长点，我最开始就是设的太小了，导致一直以为是方法本身的错误 2、在自己想要操作的地方直接调
在Java中用Dom4j把这一段xml内容转成Map对象：<?xml version="1.0" encoding="UTF-8"?> <java version="1.6.0_26" class="java.beans.XMLDecoder"> <object class="java.util.HashMap"> <void method="put"> <string>att_20160719180419281NEk9</string> <string>cx</string> </void> <void method="put"> <string>att_20160511094248589ZKYq</string> <string>cnmm</string> </void> <void method="put"> <string>att_20161018153614188aTus</string> <string>zsx;fj</string> </void> <void method="put"> <string>att_20160422110906494XuEf</string> <null/> </void> <void method="put"> <string>att_20160511130210612UULE</string> <string>fjyxapp;jjgjapp;wx;jd;dxjg;tb;wsjy</string> </void> <void method="put"> <string>att_20160719180542840LnFm</string> <string></string> </void> <void method="put"> <string>att_20160511130025203ssle</string> <string>zdgsszta</string> </void> <void method="put"> <string>att_20160810131359346N0ra</string> <string>szjys</string> </void> <void method="put"> <string>att_20160511130031927equg</string> <string></string> </void> <void method="put"> <string>att_20160422110456036qp7Y</string> <null/> </void> <void method="put"> <string>att_20160422110543585f7iI</string> <string>cpjbxx</string> </void> </object> </java>
05-27
您可以使用以下代码将该XML转换为Map对象： ```java import java.io.StringReader; import java.util.HashMap; import java.util.Map; import org.dom4j.Document; import org.dom4j.Element; import org.dom4j.io.SAXReader; public class XmlToMap { public static void main(String[] args) throws Exception { String xml = "<?xml version=\"1.0\" encoding=\"UTF-8\"?> <java version=\"1.6.0_26\" class=\"java.beans.XMLDecoder\"> <object class=\"java.util.HashMap\"> <void method=\"put\"> <string>att_20160719180419281NEk9</string> <string>cx</string> </void> <void method=\"put\"> <string>att_20160511094248589ZKYq</string> <string>cnmm</string> </void> <void method=\"put\"> <string>att_20161018153614188aTus</string> <string>zsx;fj</string> </void> <void method=\"put\"> <string>att_20160422110906494XuEf</string> <null/> </void> <void method=\"put\"> <string>att_20160511130210612UULE</string> <string>fjyxapp;jjgjapp;wx;jd;dxjg;tb;wsjy</string> </void> <void method=\"put\"> <string>att_20160719180542840LnFm</string> <string></string> </void> <void method=\"put\"> <string>att_20160511130025203ssle</string> <string>zdgsszta</string> </void> <void method=\"put\"> <string>att_20160810131359346N0ra</string> <string>szjys</string> </void> <void method=\"put\"> <string>att_20160511130031927equg</string> <string></string> </void> <void method=\"put\"> <string>att_20160422110456036qp7Y</string> <null/> </void> <void method=\"put\"> <string>att_20160422110543585f7iI</string> <string>cpjbxx</string> </void> </object> </java>"; Map<String, String> map = xmlToMap(xml); System.out.println(map); } public static Map<String, String> xmlToMap(String xml) throws Exception { Map<String, String> map = new HashMap<>(); SAXReader reader = new SAXReader(); Document document = reader.read(new StringReader(xml)); Element root = document.getRootElement().element("object"); for (Element element : root.elements("void")) { Element keyElement = element.element("string"); Element valueElement = element.elements().get(1); String key = keyElement.getText(); String value = valueElement == null ? null : valueElement.getText(); map.put(key, value); } return map; } } ``` 该代码使用Dom4j库解析XML，并将其转换为Map对象。输出结果为: ``` {att_20160719180419281NEk9=cx, att_20160511094248589ZKYq=cnmm, att_20161018153614188aTus=zsx;fj, att_20160422110906494XuEf=null, att_20160511130210612UULE=fjyxapp;jjgjapp;wx;jd;dxjg;tb;wsjy, att_20160719180542840LnFm=, att_20160511130025203ssle=zdgsszta, att_20160810131359346N0ra=szjys, att_20160511130031927equg=, att_20160422110456036qp7Y=null, att_20160422110543585f7iI=cpjbxx} ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值