zoukankan      html  css  js  c++  java
  • js DOM Document类型

      JavaScript通过Document类型访问文档。在浏览器中,document对象是HTMLDocument(继承自 Document类型)的一个实例,表示整个HTML页面。document对象是window对象的一个属性。通过文档对象,不仅可以取得与页面有关的 信息,而且还能操作页面的外观及其底层结构。

    1、文档的子节点

    DOM规定Document的子节点可以是DocumentType、Element、ProcessingInstructor或Comment,但是还有两个内置的访问其子节点的快捷方式。

    document.documentElement;//始终指向HTML页面中的<html>元素。
    document.childNodes;//访问文档元素,例如document.childNodes[0]。
    作为HTMLDocument的实例,document.body;//直接指向<body>元素。

    2、文档信息

    document对象还有一些标准的Document对象没有的属性。

    var title = document.title;//包含<title>元素中的文本
    document.title = 'new title';//修改当前页面的标题
    var url = document.URL;//包含页面完整的URL
    var domain = document.domain;//只包含页面的域名
    var referrer = document.referrer;//保存着链接到当前页面的那个页面的URL
    //所有的这些信息都存在于请求的http头部

    domain属性可以设置,出于安全考虑,并非可以给domain设置任何值。如果URL包含一个子域名,例如p2p.wrox.com,之能将domain设置为wrox.com,不能将这个属性设置为URL中不包含的域。

    由于跨域安全限制,来自不同域的页面无法通过JavaScript通信,而通过将每个页面的document.domain设置为相同的值,这些页面就可以互相访问对方包含的JavaScript对象了。浏览器对domain属性还有一个限制,即如果域名一开始是“松散的”,那么不能将它再设置为紧绷的,比如

    document.domain = 'creprice.cn';//设置成松散型,成功
    document.domain = 'www.creprice.cn';//出错

    3、查找元素

    document.getElementById('tagname');//返回id为tagname的元素,如果不存在,则返回null;Id区分大小写。
    var div = document.getElementsByTagName('div');//返回包含零或多个元素的NodeList(类数组)
    div.length;
    document.getElementByName('color');//返回带有给定name特性的所有元素
  • 相关阅读:
    把梳子卖给和尚 引起的CRM
    windows 2008 r2 安装 owas 2013
    wopihost
    电商创业,你到底需要多少人的技术团队?
    信息化,并不能代替管理
    可遇不可求的Question之error: Failed dependencies: MySQLconflicts 错误篇
    可遇不可求的Question之flash的socket连接安全策略文件篇
    可遇不可求的Question之MySQL系统变量interactive_timeout 与 wait_timeout 篇
    可遇不可求的Question之导入mysql中文乱码解决方法篇
    Codesmith怎么判断sqlserver数据库字段是不是标识自增字段
  • 原文地址:https://www.cnblogs.com/tianxintian22/p/5067151.html
Copyright © 2011-2022 走看看