资讯专栏INFORMATION COLUMN

window对象

XiNGRZ / 1168人阅读

摘要:对象表示的是浏览器打开的窗口,包括多种属性和方法。常用的对象属性对象每个载入浏览器的文档都会成为对象。对象使我们可以从脚本中对页面中的所有元素进行访问。返回对拥有指定的第一个对象的引用。

window对象表示的是浏览器打开的窗口,包括多种属性和方法。
常用的window对象属性:
1.document对象:每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

常用的属性和方法:
1.document.activeElement获取当前获得焦点的元素信息,比如当前获得焦点元素的tagname
    document.activeElement.tagName
    tips:document.hasFocus可以用来查看当前元素是否获得焦点
2.document.addEventListener/removeEventListener(事件名,作为事件处理程序的函数,布尔值(true表示在捕获阶段使用,false表示在冒泡阶段使用))
实现的是监听到某个事件后利用function实现对该事件的处理
3.document.createAttribute,用于创建某个指定名称属性,将属性注入元素中用setAttributeNode
    ```
    var h1=document.getElementsByTagName("H1")[0];
        var att=document.createAttribute("class");
        att.value="democlass";
        h1.setAttributeNode(att);
    ```
 4.document.createELement, 通过指定名称创建一个元素
 5.document.createTextNode 创建一个文本节点,通常和楼上一起使用,创建一个带文本的元素
    ```
    //创建名字为HEllo World的H1标题
    var h=document.createElement("H1")
    var t=document.createTextNode("Hello World");
    h.appendChild(t);
    ```
 6.getELement系列:
     document.getElementsByClassName()    返回文档中所有指定类名的元素集合,作为 NodeList 对象。
     document.getElementById()    返回对拥有指定 id 的第一个对象的引用。
     document.getElementsByName()    返回带有指定名称的对象集合。
     document.getElementsByTagName()    返回带有指定标签名的对象集合
 7.document.querySelector() 返回文档中匹配指定的CSS选择器的第一个元素(只返回第一个,如果要是返回所有的就得用querySelectorAll)
 8.document.readyState,返回文档状态,包括uninitialized - 还未开始载入,loading - 载入中,interactive - 已加载,文档与用户可以开始交互,complete - 载入完成四个部分
 9.document.write()/writeln(),向文档写入HTML 表达式或 JavaScript 代码,后者写一行新增一行
 10.待续。。。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/55021.html

相关文章

  • JavaScript进阶学习(二)—— 基于原型链继承的js工具库的实现方法

    摘要:一些额外的全局函数命名空间对象接口和构造函数与没有典型的关联,但却是有效的。最后有几点需要说明的是每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。 文章来源:小青年原创发布时间:2016-07-03关键词:JavaScript,原型链,jQuery类库转载需标注本文原始地址: http://zhaomenghuan.githu...

    陈伟 评论0 收藏0
  • javascript--BOM

    摘要:对象的和新对象是它表示浏览器的一个实例。在浏览器中,对象有双重角色,它即是通过访问浏览器窗口的接口,又是规定的对象。如果不存在在中,则取得和的值。 window对象 BOM的和新对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,它即是通过javascript访问浏览器窗口的接口,又是ECMAScript 规定的 Global 对象。着意味着在网页中定义...

    explorer_ddf 评论0 收藏0
  • JS系列之BOM

    摘要:顾名思义,父对象始终指向当前框架的直接上层框架。与框架有关的最后一个对象是,它始终指向实际上,和对象可以互换使用。同时,这也意味着可以将不同层次的对象连缀起来,例如。对象就是判断用户的浏览器以及操作系统。 BOM BOM Browser Object Model, 浏览器对象模型showImg(https://segmentfault.com/img/bVbjS3b?w=663&h=4...

    edagarli 评论0 收藏0
  • WWindow对象

    摘要:我们可以通过属性对该事件指定回调函数。出错了由于历史原因,的事件的回调函数不接受错误对象作为参数,而是一共可以接受五个参数,它们的含义依次如下。 1.window.requestIdleCallback() window.requestIdleCallback(callback[, options])callback参数是一个回调函数。该回调函数执行时,系统会传入一个IdleDeadl...

    wapeyang 评论0 收藏0
  • 聊聊BOM的那些事

    摘要:如果省略该参数,取默认值该方法的返回值是一个正整数,表示定时器的编号。 BOM BOM的全称是Browser Object Model,被译为浏览器对象模型BOM提供了独立于HTML页面内容,而与浏览器相关的一系列对象,主要被用于管理浏览器窗口及与浏览器窗口之间通信等功能BOM由一系列对象构成,这些对象可以简单理解为是由各个浏览器所提供的 Window对象 BOM中最核心的对象就是Wi...

    widuu 评论0 收藏0
  • 作为window对象属性的元素 多窗口和窗体

    摘要:作为对象属性的文档元素如果文档中用属性为元素命名。其就是交互窗口中的每个窗口窗体都是的执行上下文。以对象作为全局对象,这样的话,一个窗口窗体中的代码可以应用到其他窗口或者窗体并且同源策略没有进行阻止。 作为window对象属性的文档元素 如果html文档中用id属性为元素命名。并且如果 window对象没有此名字的属性,则window对象会赋予一个属性,其名字为id属性的值,其值指向该...

    fredshare 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<