document对象_document对象详解 - CSDN
精华内容
参与话题
  • document对象详解

    千次阅读 2019-05-22 15:23:42
    document对象概述: document对象是文档的根节点,只要浏览器开始载入HTML文档,这个对象就开始存在了,它作为一个入口去操作网页内容,可以直接调用。document的属性和方法非常多,下面我做了一些基本归类,对于更...

    document对象概述:
    document对象是文档的根节点,只要浏览器开始载入HTML文档,这个对象就开始存在了,它作为一个入口去操作网页内容,可以直接调用。document的属性和方法非常多,下面我做了一些基本归类,对于更详细的属性和方法查询该网址

    第一类(获得节点的属性):

    属性 说明
    document.doctype 第一个子节点,表示文档类型。对于html5文档来说,该节点就代表<!DOCTYPE html>
    document.documentElement 第二个子节点,表示元素节点,该节点代表<html>...</html>
    document.all 文档中所有的元素,例如html,head,title,body,script等,当出现多个相同的标签,如img也会重复显示
    document.head 获取文档中的head节点,<head>...</head>
    document.body 获取文档中的body节点,<body>...</body>
    document.forms 获取所有的form节点,是一个数组对象
    document.images 获取所有的img节点,是一个数组对象
    document.links 获取所有的a节点,是一个数组对象
    document.anchors 获取所有的包含属性name的a节点,是一个数组对象
    document.scripts 获取所有的script元素,是一个数组对象
    document.styleSheets 所有的link或者style元素,是一个对象,对象里面用下标区分每个cssstyleSheet,末尾是一个几个link或者style元素的length属性
    document.children 获取document的子节点,是一个对象数组,对于html5文档来说,该属性值为[html]
    document.activeElement 当前获得焦点的元素,如<body>...</body>

    第二类(一些常见属性):

    属性 说明
    document.title 设置文档标题,等价于html的<title>标签
    document.bgColor 设置文档的背景颜色
    document.contentType 返回文档的类型,如“text/html”
    document.charset 设置文档的字符集
    document.lastModified 返回文档最近一次修改的时间
    document.cookie 设置和读取cookie
    document.domain 返回下载当前文档的服务器域名,一般跨域问题会用到该属性

    第三类(一些有关链接的属性):

    属性 说明
    URL 获取当前文档的地址
    location 返回一个Location对象,对象中的href(document.location.href)即表示文档的地址,相当于document.URL
    refferrer 返回跳转或打开到当前页面的那个页面的URL,如果用户直接打开了这个页面(不是通过页面跳转,而是通过地址栏或者书签等打开的),则该属性为空字符串

    第四类(常用的一些方法):

    属性 说明
    document.write() 动态向页面写入内容
    document.writeln() 动态向页面写入内容,末尾加一个回车符
    document.open(mimetype,replace) 该方法将擦除当前 HTML 文档的内容,开始一个新的文档,新文档用 write() 方法或 writeln() 方法编写,两个参数,mimetype,可选,规定正在写的文档的类型。默认值是 “text/html”;replace,可选,当此参数设置后,可引起新文档从父文档继承历史条目
    document.close() 关闭文档
    get… document.getElementById(),document.getElementsByTagName(), document.getElementsByClassName(),…
    create… document.createElement(), document.createEvent(), document.createAttribute()…
    on… document.onClick(), document.onkeydown()…
    展开全文
  • document对象属性和方法

    千次阅读 2019-02-26 15:32:46
    获取某个元素的ID document.getElementById(“myid”)

    document.querySelector()

    返回文档中匹配指定 CSS 选择器的一个元素。
    注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。
    语法:
    document.querySelector(CSS selectors)
    参数说明:
    CSS 选择器 String 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。
    对于多个选择器,使用逗号隔开,返回一个匹配的元素。

    console.log(document.querySelector("li"));
    //结果为:<li>我是1</li>,获取第一个li标签;
    console.log(document.querySelector("#myid"));
    //结果:<li id="myid">我是2</li>,获取id为myid的元素
    console.log(document.querySelector(".myclass"));
    //结果:<li class="myclass">我是3</li>,获取第一个classname为myclass的元素
    document.querySelector("a[target]");
    //获取文档中有 "target" 属性的第一个 <a> 元素:
    document.querySelector(".m1,.m2");
    //查找classname为m1或m2,先找到哪个就返回哪个
    

    document.querySelectorAll()

    返回文档中匹配指定 CSS 选择器的所有元素,返回 NodeList 对象。NodeList 对象表示节点的集合。可以通过索引访问,索引值从 0 开始。注:返回的是一个数组。
    语法:
    elementList = document.querySelectorAll(selectors);
    elementList 是一个静态的 NodeList 类型的对象。
    selectors 是一个由逗号连接的包含一个或多个 CSS 选择器的字符串。
    参数说明:
    CSS 选择器 String 必须。 指定一个或多个匹配 CSS 选择器的元素。可以通过 id, class, 类型, 属性, 属性值等作为选择器来获取元素。
    多个选择器使用逗号(,)分隔。
    实例:

      <div>
         <p class="myp">这是第一段</p>
         <h1>这是大标题</h1>
         <p>这是概要</p>
         <p class="myp">这是第三段内容</p>
      </div>
    

    获取所有的p标签:

    document.querySelectorAll("p")
    

    在这里插入图片描述
    获取所有的p标签和h1标签:

    console.log(document.querySelectorAll("p,h1"));
    

    在这里插入图片描述
    其他用法如下:

    获取第一个p标签
    document.querySelectorAll("p")[0];
    获取页面中一共有多少个p标签
    document.querySelectorAll("p").length;
    改变第一个p标签的颜色
    document.querySelectorAll("p")[0].style.color="#ff0000";
    

    document.getElementById()

    语法:
    document.getElementById(“xxx”);

    通过ID获取元素。
    实例:

    <!--HTML内容-->
      <p id="myele">你好吗?</p>
      
      <!--Script内容-->
      <script>
    var a=document.getElementById("myele");
    console.log(a);//得到当前元素<p id="myele">你好吗?</p>
    console.log(a.innerHTML);//你好吗?可以通过innerHTML属性获取元素中的内容
    </script>
    

    document.getElementsByName()

    返回带有指定名称的对象的集合。注:返回一个数组
    注:
    另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。
    实例,有三个input,他们的name都是myinput,可以通过getElementsByName来获取他们。

    <!--HTML-->
    <input type="text" name="myinput" />
    <input type="text" name="myinput" />
    <input type="text" name="myinput" />
    <!--Script-->
    <script>
    var a=document.getElementsByName("myinput");
    console.log(a);
    </script>
    

    上述打印结果为一个数组:
    NodeList(3) [input, input, input]
    如果要获取某一个可以通过下标来获取:

    document.getElementsByName("myinput")[2];获取第三个input
    

    document.getElementsByTagName()

    返回带有指定标签名的对象的集合。注,返回一个数组。
    说明
    getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

    如果把特殊字符串 “*” 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。
    注释:传递给 getElementsByTagName() 方法的字符串可以不区分大小写。
    实例,通过getElementsByTagName获取所有的li标签:

    <!--HTML-->
    <ul>
              <li class="myli_01">这是第一条</li>
              <li class="myli_02">这是第二条</li>
              <li class="myli_03">这是第三条</li>
          </ul>
    <!--Script-->
    <script>
    var a=document.getElementsByTagName("li");
    console.log(a);//打印结果为一个集合
    console.log(a.length);//3,获取一共有多少个li
    console.log(a[0]);//<li class="myli_01">这是第一条</li>,获取第一个li元素
    </script>
    

    打印结果如下:
    在这里插入图片描述

    document.getElementsByClassName()

    返回文档中所有指定类名的元素集合,作为 NodeList 对象。注,返回一个数组。
    实例:获取class为mm的元素。

    <!--HTML-->
    <p class="mm">我是p</p>
        <div class="mm">我是div</div>
        <a class="mm">我是a</a>
    <!--Script-->
    <script>
    var a = document.getElementsByClassName("mm");
    console.log(a);
    </script>
    

    在这里插入图片描述

    document.createElement()

    通过指定名称创建一个元素。
    document.createElement(“div”);创建一个div
    语法:
    document.createElement(nodename)
    参数说明:
    nodename String 必须。创建元素的名称
    返回值:
    元素对象 创建的元素节点
    实例:

    var a=document.createElement("p");
    console.log(a);//<p></p>
    

    document.createTextNode()

    创建文本节点。
    语法:
    document.createTextNode(text);
    参数说明:
    text String 必须。文本节点的文本。
    HTML元素通常是由元素节点和文本节点组成。
    创建一个标题 (H1), 你必须创建 “H1” 元素和文本节点:

    实例1:

    var h=document.createElement("H1")
    var t=document.createTextNode("Hello World");
    h.appendChild(t);
    

    实例2:

    var mydiv=document.createElement("p");//创建一个p标签
    var a=document.createTextNode("Hello World");//创建一个文本
    mydiv.appendChild(a);//把文本放入p标签中
    document.body.appendChild(mydiv);//把p标签放入body中
    

    document.images

    返回对文档中所有 Image 对象引用,返回的是一个数组。
    images 集合返回当前文档中所有图片的数组。
    用法:

    <!--html-->
    <img src="//weiliicimg9.pstatp.com/weili/sm/428079399105069382.webp" name="img1">
    <img src="//weiliicimg9.pstatp.com/weili/sm/428079399105069382.webp" name="img2">
    
    <!--js-->
    <script>
    console.log(document.images);
    console.log(document.images.length);//结果是2,获取图片的数量
    console.log(document.images[0].name);//img1,获取第一张图片的name
    </script>
    

    打印结果
    在这里插入图片描述

    document.write()

    向文档写入 HTML 表达式或 JavaScript 代码。
    语法:
    document.write(exp1,exp2,exp3,…)
    参数说明:
    exp1,exp2,exp3,… 可选。要写入的输出流。多个参数可以列出,他们将按出现的顺序被追加到文档中
    实例:

    document.write("Hello World");
    document.write("a","b","c");
    document.write("<h1>你好,世界</h1>");
    

    控制台结果为:
    在这里插入图片描述
    document.writeln
    等同于 write() 方法,不同的是在每个表达式之后写一个换行符。

    document.writeln("Hello World");
    document.writeln("a","b","c");
    document.writeln("<h1>你好,世界</h1>");
    

    结果展示:
    在这里插入图片描述

    不常用

    document.URL

    可返回当前文档的 URL。
    用法:

    console.log(document.URL);
    //打印结果
    //file:///Users/Documents/gitee/%20HuiVueDemo/test/src/views/main.html
    

    document.title

    返回当前文档的标题( HTML title 元素中的文本)。

    console.log(document.title);//测试
    

    document.scripts

    scripts 集合返回文档中所有 < script > 元素的集合。返回的是一个数组。
    它包含三个方法:
    [index] 返回集合中指定索引(从 0 开始)的 < script > 元素。
    注意: 如果索引值超出范围返回 null。

    item(index) 返回集合中指定索引(从 0 开始)的 < script > 元素。
    注意: 如果索引值超出范围返回 null。

    namedItem(id) 回集合中指定 id 的 < script > 元素。
    注意: 如果 id 不存在返回 null。

    实例用法:

    document.scripts;//获取页面中的所有脚本
    document.scripts.length;//获取页面中script的个数
    document.scripts[0].text;//获取文档中第一个script的内容
    document.scripts.item(0).text;//获取文档中第一个script的内容
    document.scripts.namedItem("myId").text;//获取 id="myId" 的 <script> 元素的内容
    

    document.readyState

    readyState 属性返回当前文档的状态(载入中……)。
    该属性返回以下值:
    uninitialized - 还未开始载入
    loading - 载入中
    interactive - 已加载,文档与用户可以开始交互
    complete - 载入完成
    用法:
    document.readyState

    document.documentElement

    documentElement 属性以一个元素对象返回一个文档的文档元素。
    HTML 文档返回对象为HTML元素。
    注意: 如果 HTML 元素缺失,返回值为 null。
    用法,控制台输出:
    在这里插入图片描述

    document.addEventListener

    用于向文档添加事件句柄。提示: 可以使用 document.removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。
    提示:使用 element.addEventListener() 方法为指定元素添加事件句柄。
    语法:
    document.addEventListener(event, function, useCapture)
    参数说明:
    event 必需。描述事件名称的字符串。
    注意: 不要使用 “on” 前缀。例如,使用 “click” 来取代 “onclick”。
    提示: 所有 HTML DOM 事件,可以查看我们完整的 HTML DOM Event 对象参考手册。
    function 必需。描述了事件触发后执行的函数。
    当事件触发时,事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, “click” 事件属于 MouseEvent(鼠标事件) 对象。
    useCapture 可选。布尔值,指定事件是否 在捕获或冒泡阶段执行。
    可能值:
    true - 事件句柄在捕获阶段执行
    false- 默认。事件句柄在冒泡阶段执行
    实例,点击页面是id为demo的元素中间将显示内容为Hello World!:

    document.addEventListener("click", myfun);
    function myfun() {
        document.getElementById("demo").innerHTML = "Hello World!";
    }
    

    在文档中添加多个点击事件,当点击页面时会同时调用两个click的方法:

    document.addEventListener("click", myfun1);
    document.addEventListener("click", myfun2);
    function myfun1() {
        document.getElementById("demo1").innerHTML = "Hello World!";
    }
    function myfun2() {
        document.getElementById("demo2").innerHTML = "第二段文字";
    }
    

    设置不同类型的事件:

    document.addEventListener("mouseover", myfun1);
    document.addEventListener("click", myfun2);
    document.addEventListener("mouseout", myfun3);
    

    当传递参数值时,使用"匿名函数"调用带参数的函数:

    document.addEventListener("click", function() {
        myFunction(p1, p2);
    });
    

    修改 元素的背景:

    document.addEventListener("click", function(){
        document.body.style.backgroundColor = "red";
    });
    

    document.removeEventListener

    移除由 document.addEventListener() 方法添加的事件句柄。
    实例,移除由 addEventListener() 方法添加的 “mousemove” 事件:

    // 在文档中添加事件句柄
    document.addEventListener("mousemove", myFunction);
    // 移除文档中的事件句柄
    document.removeEventListener("mousemove", myFunction);
    

    如果浏览器不支持 removeEventListener() 方法,你可以使用 detachEvent() 方法实现。
    该实例演示了跨浏览器的解决方法:

    if (document.removeEventListener) {         
    // 所有浏览器,除了 IE 8 及更早IE版本
        document.removeEventListener("mousemove", myFunction);
    } else if (document.detachEvent) {         
    // IE 8 及更早IE版本
        document.detachEvent("onmousemove", myFunction);
    }
    
    展开全文
  • Document对象

    2019-01-07 18:00:58
    Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示:Document 对象是 Window 对象的一部分,可通过 window.document ...

    Document 对象

    每个载入浏览器的 HTML 文档都会成为 Document 对象。
    Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
    提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

    Document 对象属性

    • body提供对元素的直接访问。对于定义了框架集的文档,该属性引用最外层的。
    • cookie设置或返回与当前文档有关的所有cookie。
    • domain返回当前文档的域名。
    • lastModified返回文档被最后修改的日期和时间。
    • referrer返回载入当前文档的文档的URL。
    • title返回当前文档的标题。
    • URL返回当前文档的URL。

    Document 对象方法:

    • appendChild 为当document.write() //动态向页面写入内容
    • document.createElement_x(Tag) //创建一个html标签对象
    • document.getElementByIdx_x(ID) //获得指定ID值的对象
    • document.getElementsByName(Name) //获得指定Name值的对象 前节点添加一个新的子节点,放在最后的子节点后
    • cloneNode 返回当前节点的拷贝
    • createAttribute 创建新的属性
    • createCDATASection 创建包括给定数据的CDATA段
    • createComment 创建一个注释节点
    • createDocumentFragment 创建DocumentFragment对象
    • createElement_x 创建一个元素节点
    • createEntityReference 创建EntityReference对象
    • createNode 创建给定类型,名字和命名空间的节点
    • createPorcessingInstruction 创建操作指令节点
    • createTextNode 创建包括给定数据的文本节点
    • getElementsByTagName 返回指定名字的元素集合
    • hasChildNodes 返回当前节点是否有子节点
    • insertBefore 在指定节点前插入子节点
    • Load 导入指定位置的XML文档
    • loadXML 导入指定字符串的XML文档
    • removeChild 从子结点列表中删除指定的子节点
    • replaceChild 从子节点列表中替换指定的子节点
    • Save 把XML文件存到指定节点
    • selectNodes 对节点进行指定的匹配,并返回匹配节点列表
    • selectSingleNode 对节点进行指定的匹配,并返回第一个匹配节点
    • transformNode 使用指定的样式表对节点及其后代进行转换
    • transformNodeToObject 使用指定的样式表将节点及其后代转换为对象

    常用对象事件

    • document.body.οnclick=”func()” //鼠标指针单击对象是触发
    • document.body.οnmοuseοver=”func()” //鼠标指针移到对象时触发
    • document.body.οnmοuseοut=”func()” //鼠标指针移出对象时触发

    ———————————————————————

    • location-位置子对象
    • document.location.hash // #号后的部分
    • document.location.host // 域名+端口号
    • document.location.hostname // 域名
    • document.location.href // 完整URL
    • document.location.pathname // 目录部分
    • document.location.port // 端口号
    • document.location.protocol // 网络协议(http:)
    • document.location.search // ?号后的部分
    • documeny.location.reload() //刷新网页
    • document.location.reload(URL) //打开新的网页
    • document.location.assign(URL) //打开新的网页
    • document.location.replace(URL) //打开新的网页

    博客来自1
    博客来自2

    展开全文
  • Document 对象

    2018-12-27 22:04:27
    使用document.write()输出文本 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;自学教程(如约智惠.com)&...

    使用document.write()输出文本

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	
    	<script type="text/javascript">
    		document.write("Hello, World!");
    	</script>
    </body>  
    </html>

    使用document.write()输出HTML

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	
    	<script type="text/javascript">
    		document.write("<h1>Hello, World!</h1>");
    	</script>
    </body>  
    </html>

    返回文档中锚的数目

     

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	<a name="html">HTML 教程</a><br>
    	<a name="css">CSS 教程</a><br>
    	<a name="xml">XML 教程</a><br>
    	<a name="/js/">JavaScript 教程</a><br>
    	
    	<p>锚的数量:
    		<script >
    			document.write(document.anchors.length);
    		</script>
    	</p>
    	
    </body>  
    </html>

    返回文档中第一个锚的innerHTML

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	<a name="html">HTML 教程</a><br>
    	<a name="css">CSS 教程</a><br>
    	<a name="xml">XML 教程</a><br>
    	<a name="/js/">JavaScript 教程</a><br>
    	
    	<p>文档中第一个锚:
    		<script >
    			document.write(document.anchors[0].innerHTML);
    		</script>
    	</p>
    	
    </body>  
    </html>

    返回文档中的图像数

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	<img border="0" src="klematis.jpg" width="150" height="113">
    	<img border="0" src="klematis2.jpg" width="150" height="113">
    	
    	
    	<p>图像数目:
    		<script >
    			document.write(document.images.length);
    		</script>
    	</p>
    	
    </body>  
    </html>

    返回文档中的第一个图像的ID

    <!DOCTYPE html>
    <html>  
    <head>  
        <meta charset="utf-8">  
        <title>自学教程(如约智惠.com)</title>  
    	
    </head>  
    <body >  
    	<img id="runoob1" border="0" src="klematis.jpg" width="150" height="113">
    	<img id="runoob2" border="0" src="klematis2.jpg" width="150" height="113">
    	
    	<p>图像数目:
    		<script >
    			document.write(document.images[0].id);
    		</script>
    	</p>
    	
    </body>  
    </html>

     

    参考:

    https://www.yuque.com/docs/share/3409cd42-53ba-4202-b571-2eeaebf7671c

     

     

    展开全文
  • Document对象常用属性和方法

    千次阅读 2018-06-19 13:30:14
    对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)documen...
  • java中Document

    万次阅读 2014-09-24 20:16:12
    public interface Documentextends Node ...因为元素、文本节点、注释、处理指令等不能存在于 Document 的上下文之外,所以 Document 接口还包含所需的创建这些对象的工厂方法。所创建的 Node 对象具有 ownerDoc
  • document对象

    千次阅读 2017-04-12 10:41:12
    document对象概述 文档对象(document)代表浏览器窗口中的文档,该对象是window对象的子对象,由于window对象是DOM对象模型中的默认对象,因此window对象中的方法和子对象不需要使用window来引用。 通过...
  • JavaScript中Document对象

    千次阅读 2018-06-28 19:46:23
    Document 对象属性1、body 提供对 &lt;body&gt; 元素的直接访问。对于定义了框架集的文档,该属性引用最外层的 &lt;frameset&gt;。2、cookie 设置或返回与当前文档有关的所有...
  • Document对象详解 (JS)

    2007-07-02 11:12:44
    Document对象详解 document 文挡对象 - JavaScript脚本语言描述 --------------------------------------------------------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写...
  • JS中document对象 && window对象

    万次阅读 多人点赞 2018-05-14 19:09:35
    所有的全局函数和对象都属于Window对象的属性和方法。区别: 1、window 指窗体。Window 对象表示浏览器中打开的窗口。 document指页面。document是window的一个子对象、一个对象属性。 2、用户不能改变 document....
  • 网页可见区域宽:document.body.clientWidth网页可见区域高:document.body.clientHeight网页可见区域宽:document.body.offsetWidth (包括边线的宽)网页可见区域高:document.body.offsetHei
  • iframe document对象

    万次阅读 2014-03-01 20:28:38
    在网页中,如何获取嵌入网页中的iframe内的document 对象呢?...注意:这里的获取document对象使用的是大写的Document, 若写成小写的document对象则指当前网页的document对象。 document.getElementById('iframe1').
  • 获取HTML元素3个方法比较:document.getElementsByName()、document....document.getElementsByName() 是根据控件名称获取这个控件对象,因为控件名称可以相同,返回的是一个对象数组。 document.getElementBy...
  • function t1() { var jtest = $('#test'); var dtest = document.getElementById('test'); jtest.css('background','blue'); /* alert(jtest.style.backgroundColor='blue'
  • jquery选择器返回的是jquery对象,用document.getElementById( id )
  • document表示文档,当前网页(文档)对象,当前网页里所有元素(对象)全部都在document中 。 什么是DOM DOM全称是Document Object Model,也就是文档对象模型。 我们把这个HTML看做一个对象树(DOM树),DOM...
  • 转发:https://blog.csdn.net/jarniyy/article/details/62424919var iframe=document.getElementById("xxx");//父窗口获取iframe子窗口对象...//iframe窗口的window对象var iframed=iframew.document;//...
  • JS 获取浏览器窗口大小

    万次阅读 2018-01-17 09:45:55
    常用: JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) ...else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (windo
  • /******************** * 取窗口滚动条高度 ******************/function getScrollTop(){ var scrollTop=0; if(document.documentElement&&document.documentElement.scrollTop) { scrollTop=document.doc
  • document.frames不兼容火狐的问题

    千次阅读 2013-12-09 16:29:44
    获取页面中嵌入的iframe的对象时,使用document.frames('testFrame').document或者document.frames['testFrame']来获得id为testFrame的iframe的DOM对象时,用火狐调试的时候,提示document.frames is not a function...
1 2 3 4 5 ... 20
收藏数 583,846
精华内容 233,538
关键字:

document对象