美文网首页
document上的一些有意思的属性和方法

document上的一些有意思的属性和方法

作者: 浩神 | 来源:发表于2017-12-11 23:36 被阅读6次

    1. ducument.body
    快速获取body节点,省去使用document.findElementsByTagName('body')[0]

    2. document.referrer
    从哪个页面跳转到的本页,如果浏览器直接打开,其值就是""
    3. document.forms
    获取页面所有表单,类似的使用还有document.linksdocument.images
    4. document.cookie
    获取网站当前的所有cookie

    image.png
    5. document.createDocumentFragment()
    另外有一个特别有用的方法是 createDocumentFragment, 可以用它来做容器,在其中构造好想要的html片段之后再插入document中,可以发现将其append到document中,其自身并没有作为一个节点体现,只是将自己所有的子节点添加到document中。
    在ul中插入多个li,可以将其放入documentFragment中,再一次插入 新的结构中没有fragment

    6. document.domain
    当前网页的域名,有时候可以通过修改此属性实现子域名跨域的。
    不过注意如果一个网页的域名是a.b.com
    只能将document.domain修改为b.com,而不能修改为c.b.com或者c .com

    7. document.querySelector() 和 document.querySelectorAll()
    有了这两个方法,几乎不需要JQuery了。

    相关文章

      网友评论

          本文标题:document上的一些有意思的属性和方法

          本文链接:https://www.haomeiwen.com/subject/vgawixtx.html