Document对象 Document接口表示任何在浏览器中载入的网页,并作为网页内容的入口,也就是DOM树。DOM树包含了像、这样的元素,以及大量其他元素。...属性 Document(): Document构造器创建一个新的Document对象,该对象是在浏览器中加载的页面,并作为页面内容的入口点。...document.defaultView: 在浏览器中,该属性返回当前document对象所关联的window对象,如果没有则会返回null。...document.plugins: 只读属性返回一个HTMLCollection对象,该对象包含一个或多个HTMLEmbedElements,表示当前文档中的元素。...document.querySelector(selectors): 表示文档中与指定的一组CSS选择器匹配的第一个元素,是一个HTMLElement对象,如果没有匹配到,则返回null。
document.getElementById(); //定义在HTMLDocument类中,而不在Document类中,所以只能使用在HTML文档中,XML文档不适用 //id名相同的也会被选入 document.getElementsByName...(); document.getElementsByTagName(); //正常区分大小写,怪异模式下不区分 document.getElementsByClassName(); document.querySelector...(); document.querySelectorAll();
对象 — 代表整个HTML 文档,可用来访问页面中的所有元素: 对象属性 document.title //设置文档标题等价于HTML的标签 document.bgColor...(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象 document.body.appendChild...//背景图片 document.body.appendChild(oTag) //动态生成一个HTML对象 常用对象事件 document.body.οnclick=”func...()” //鼠标指针单击对象是触发 document.body.οnmοuseοver=”func()” //鼠标指针移到对象时触发 document.body.οnmοuseοut...======================================================================== images集合(页面中的图象): ——————
本篇文章主要的介绍了关于HTML document对象的解释,还有关于HTML document对象的使用实例解析,接下来让我们一起来看这篇文章吧 首先我们来介绍一下HTML中的document对象:...文档对象(document)代表浏览器窗口中的文档,该对象是window对象的子对象,由于window对象是DOM对象模型中的默认对象,因此window对象中的方法和子对象不需要使用window来引用。...通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。 例如表单、图像、表格和超链接等。...再来看看HTML中的Document对象集合: 来看看网上对HTML中的document对象的描述: HTMLDocument接口对DOM Document接口进行了扩展,定义HTML专用的属性和方法...上面的例子使 用了document对象检查文档标题并在消息框中显示该标题(如果非空)。if(document.title!
DOM对象之document对象 DOM对象:当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。 HTML DOM 模型被构造为对象的树。...打开网页后,首先看到的是浏览器窗口,即顶层的window对象。 其次,看到的是网页文档的内容,即document文档。 ? 首先看一下w3c提供的document对象的定义和其他相关知识: ? ?...现在我们来详细的看一下document对象: 第一类:找元素 四种基本的找元素的方法 document.getElementById("d1"); 根据id找元素,因为id是唯一的,只能找的一个元素...span中的内容 10 11 12 这是div2中的span中的内容 13 10 11 12 这是div2中的span中的内容 13 </
什么是Document对象 document对象在DOM中代表了HTML页面 document也是DOM解析HTML页面的入口。...对象也提供了一些属性: 属性 作用 documentElement 获取HTML页面中的元素 head 获取HTML页面中的元素 title 获取HTML页面中的元素...body 获取HTML页面中的元素 links 获取HTML页面中的元素 images 获取HTML页面中的元素 NodeList与HTMLCollection的区别...二者都是集合 NodeList又称静态NodeList,就是就是对文档对象模型的任何改动都不会影响集合的内容。...HTMLCollection又成动态NodeList,所谓动态的 Nodelist集合,就是如果文档中的节点树发生变化,则已经存在的 Nodelist对象也可能会变化。
上一次提到,在报表软件FineReport的JavaScript开发中,可以访问并处理的HTML DOM对象有windows、location、document三种。...这次就继续介绍后两种,location和document对象。 Location Location 对象包含有关当前 URL 的信息。...Document 每个载入浏览器的HTML 文档都会成为Document对象。Document 对象使我们可以从脚本中对HTML页面中的所有元素进行访问。...Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问 1.document对象的常用属性 cookie 设置或返回当前文档有关的所有cookie...可列出多个参数(exp1,exp2,exp3,…) ,它们将按顺序被追加到文档中。 语法: document.write(exp1,exp2,exp3,….)
如aaa中的aaa,bbb中的bbb,也很简单,利用innerHTML就可以了: document.getElementById...(“div”).innerHTML; document.getElementById(“link”).innerHTML; getElementById 方法 返回具有指定 ID 属性值的第一个对象的一个引用...指明 ID 属性值的字符串 返回值 返回 ID 属性值与指定值相同的第一个对象。 注释 如果 ID 属于一个集合,getElementById 方法返回集合中的第一个对象。...例如,以下代码样本表示如何从 document 对象中取回 ID 为 oDiv 的第一个要素。...使用 DHTML 对象模型: var oVDiv = document.body.all.item(“oDiv”); 使用文档对象模型(DOM): var oVDiv = document.getElementById
Dcoment表示文档,这里的文档可以是HTML文档,也可以是XML文档,换句话说Document类型能表示HTML和XML等文档; HTMLDocument对象继承自Document对象,专用于表示HTML...文档; document对象是HTMLDocument对象的一个实例,表示整个HTML页面,又叫做页面的根节点; Document对象(根节点)的特征: console.log(document.nodeType...); console.log(document.nodeName); console.log(document.nodeValue); console.log...(document.parentNode); console.log(document.ownerDocument); console.log(document.childNodes
DOCTYPE html> 03_对象 // 创建对象 var p = { name:
onload页面加载完毕时触发,浏览器是一边下载文档,一边解释执行,可能会出现javascript执行时需要某个还没有加载的元素,如果这样需要把操作的代码放到onload事件中,或者把javascipt...放到元素之后 onunload:网页关闭(或者离开)后触发 onbeforeunload:在网页准备关闭或者离开的时候触发 window对象代表当前浏览器对象(使用window对象的时候可以省略window
document对象(DOM)–认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理 HTML文档的标准方法。...中的JavaScript、 DOM、CSS等文本。 3. 属性节点:元素属性,如标签的链接属性href="https://www.bai du.com"。...document.getElementById("icon").style.color = "red"; // 1.2 通过指定名称 获取节点对象的集合 var name = document.getElementsByName...("baidu"); console.log(name.length) name[0].style.color = "pink" // 1.3 通过指定标签名的 节点对象的集合 var tag = document.getElementsByTagName...("a") console.log(tag.length) tag[1].style.color = "green" // 1.4 通过类名的 节点对象的集合 var class_name = document.getElementsByClassName
) //创建一个html标签对象 document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name...——————————————————————— images集合(页面中的图象) a)通过集合引用 document.images //对应页面上的img标签 document.images.length...”1.jpg” 同时在页面上建立一个img /标签与之对应就可以显示 ———————————————————————- forms集合(页面中的表单) a)通过集合引用 document.forms...//第i-1个/formform标签 document.forms.length //第i-1个/formform中的控件数 document.forms.elements[j] //第i-1个/formform...中第j-1个控件 b)通过标签name属性直接引用 /formform name=”Myform”>input name=”myctrl”/>/form document.Myform.myctrl
document.documentElement Document.documentElement 是一个会返回文档对象(document)的根元素的只读属性(如HTML文档的 元素)。...参考文档 html中document.body 与 document.documentElement的区别如下: 1. document.body 返回html dom中的body节点 即...2. document.documentElement 返回html dom中的root根节点 即 页面指定了 DOCTYPE 时,使用 document.documentElement,...否则,使用 document.body。...而body是子节点,要访问到body标签,在脚本中应该写:document.body。
答案: 页面加载完成有两种事件 1.load是当页面所有资源全部加载完成后(包括DOM文档树,css文件,js文件,图片资源等),执行一个函数 问题:如果图片资源较多,加载时间较长,onload后等待执行的函数需要等待较长时间...$(document).ready()是当DOM文档树加载完成后执行一个函数 (不包含图片,css等)所以会比load较快执行 在原生的js中不包括ready()这个方法,只有load方法也就是onload
在浏览器环境中,window 对象和 document 对象是 JavaScript 提供的两个核心对象。 window 对象: window 对象表示浏览器窗口或标签页。...它是 JavaScript 中的全局对象,在浏览器环境中始终存在且可直接访问,无需引入额外的代码。 window 对象具有许多属性和方法,用于操作和控制浏览器窗口。...它是 window 对象的一个属性,用于访问和操作文档的内容、结构和样式。 document 对象提供了许多方法和属性,用于查询和修改文档中的元素、创建、删除和修改元素、处理事件等。...(event) { console.log("The document was clicked."); }); 通过 document 对象,可以访问和操作文档中的元素、样式和事件,从而实现与用户界面的交互和动态更新...window 对象和 document 对象只在浏览器环境中存在,并且具体的功能和属性可能因浏览器的不同而略有差异。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。...() 返回文档中匹配指定的CSS选择器的第一元素 document.querySelectorAll() document.querySelectorAll() 是 HTML5中引入的新方法,返回文档中匹配的...defaultView defaultView 属性,在浏览器中返回 document 对象所在的 window 对象,否则返回 null。...NodeList 对象不是动态集合,所以元素节点的变化无法实时反映在返回结果中。...返回值是一个 HTMLCollection 对象,也就是说,搜索结果是一个动态集合,任何元素的变化都会实时反映在返回的集合中。
Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数。...描述 创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用String对象生成字符串对象,此外在ES6...事实上,Js中基本数据类型的值不可变,基本类型的值一旦创建就不能被改变,所有操作只能返回一个新的值而不能去改变旧的值。...)); // true String.prototype.indexOf() str.indexOf(searchValue [, fromIndex]) indexOf()方法返回调用String对象中第一次出现的指定值的索引...,如果传入一个非正则表达式对象regexp,则会使用new RegExp(regexp)隐式地将其转换为正则表达式对象,如果匹配成功,则search()返回正则表达式在字符串中首次匹配项的索引,否则返回
Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名,Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法...该数据类型通常被用作一个对象属性的键值,例如当想使对象属性的键为私有值时。symbol类型的键存在于各种内置的JavaScript对象中,同样自定义类也可以这样创建私有成员。...和Symbol()不同的是,用Symbol.for()方法创建的的symbol会被放入一个全局symbol注册表中。...key: 一个字符串,作为symbol注册表中与某symbol关联的键,同时也会作为该symbol的描述。...在JavaScript中,虽然大多数类型的对象在某些操作下都会自动的隐式调用自身的valueOf()方法或者toString()方法来将自己转换成一个原始值,但symbol对象不会这么干,symbol对象无法隐式转换成对应的原始值
Js中Reflect对象 Reflect是ES6起JavaScript内置的对象,提供拦截JavaScript操作的方法,这些方法与Proxy对象的handlers中的方法基本相同。...,防止将来对对象的扩展被添加到对象中,该方法与Object.preventExtensions()相似。...中,它将被强制为不可扩展的普通对象并返回false。...preventExtensions() Object.preventExtensions()返回被设为不可扩展的对象,如果参数不是对象,则在ES5中抛出TypeError,在ES2015中,参数如为不可扩展的普通对象...如果目标不是对象,则在ES5中抛出TypeError,但将非对象目标强制为ES2015中的对象 N/A ownKeys() N/A Reflect.ownKeys()返回一个属性名称数组,该属性名称映射到目标对象自己的属性键
领取专属 10元无门槛券
手把手带您无忧上云