关于document进修笔记及触及的前端笔试题

2019年8月30日 139次阅读 来源: lsxj

Document

  • 文档子节点

    • document.documentElement 一直指向HTML页面中的<html>元素

    • document.body 一直指向<body>元素

    • document.title 包括着<title>元素中的文本

  • 文档信息

    • document.URL 获得地址栏中显现的URL

    • document.domain 只包括页面的域名

    • document.referrer 保留链接到当前页面的谁人页面的URL
      URL、domain、referrer三个属性中，只要domain能够设置值。URL与domain是相互关联的。然则由于平安限定，只能设置为URL中包括的域。

    【笔试题涌现过跨域题目】
    来自差别子域的页面没法经由过程javascript通讯，而经由过程将每一个页面的document.domain设置为雷同的值，这些页 面便可相互接见对方的javascript对象。
    关于跨域题目可检察 http://www.cnblogs.com/2050/p/3191744.html （js中几种有用的跨域要领道理详解）
    http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html （JavaScript跨域总结与解决办法）
    除此之外，假如域名一开始是松懈的，则不能再设置为紧绷的。比方：

    //假定页面来自于 test.segmentfault.com 域
   document.domain = "segmentfault.com"; //loose松懈的(胜利)
   document.domain = "test.segmentfault.com"； //tight紧绷的（失利！报错）

  • 查找元素

    • getElementById(“id”)
      个中参数id大小写辨别。如有多个元素ID值雷同，只返回文档中第一次涌现的元素。

    【IEbug】:如有哪一个表单元素的name值与参数id雷同，且该元素位置在id元素之前，则IE会返回表单元素。 【解决方案：不让表单中的name特征与其他元素ID雷同】

    • getElementsByTagName()
      返回一个HTMLCollection对象（是一个“动态”鸠合）

    【注重：由于返回的是一个鸠合，所以是getElementsByTagName】

       //猎取一切元素
   var allElements = document.getElementsByTagName("*");
   //猎取一切图象元素
   var images = document.getElementsByTagName("img");
   var src = images[0].src;; // 第一个图象元素的src特征
   var src = images.item(0).src; //也是第一个图象元素的src特征
   //假定有一个图象元素为
   <img src="myimage.jpg" name="myImage">
   //能够经由过程以下两种体式格局来猎取该元素
   var myImage = images.namedItem("myImage");
   var myImage = images["myImage"];

    • getElementsByName()
      只要HTMLDocument范例才有的要领。返回带有给定name特征的一切元素

  • 特别鸠合

    都是HTMLCollection对象。

    • document.images 包括一切<img>元素

    • document.links 包括一切带href特征的a元素

    • document.anchors 包括一切带name特征的a元素

    • document.forms 包括一切<form>元素

  • 文档写入

    • write() 原样写入到输出流

    • writeln() 与write()雷同，多了一个换行符
      //能够动态包括外部资本。但须要注重转义字符运用，以避免字符串诠释毛病。

    //假如在文档加载完毕后再挪用document.write()，输出的内容将会重写全部页面。

       
   <script>
       document.write("<script type=\"text/javascript\" src=\"test.js\">"+ "<\/script>");
   </script>

    • open() 翻开网页输出流

    • close() 封闭网页输出流
      如果在页面加载时期运用write或writeln要领，则无需用到open和close要领

    原文作者：lsxj
    原文地址: https://segmentfault.com/a/1190000005001303
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞