javascript document对象详解(常用)

代表给定浏览器窗口中的 HTML 文档

  • document是BOM中最重要对象之一
  • document对象是window对象的属性
  • document对象包含一个节点对象,此对象包含每个单独页面的所有HTML元素,这就是W3C的DOM对象·····················································································································································
  • 常用属性:

    document.body  //直接访问body元素。指定文档主体的开始和结束。(下面详细介绍body子对象)

    document.cookie //设置或返回和文档相关联的所有cookies。

    document.domain //设置或返回文档的安全域名。

    document.referrer  // 返回加载或引入当前文档的那个文档的URL。

    document.title   //设置或返回文档的标题title,等价于HTML的<title>标签

    document.url    //返回文档的URL。

    ·························································分割线,以下不常用属性·························································

    document.lastModified //返回文档最后一次修改的日期和时间。

    document.bgColor  //设置页面背景色。

    document.fgColor //设置前景色(文本颜色)

    document.linkColor //未点击过的链接颜色。

    document.alinkColor //激活链接(焦点在此链接上)的颜色。

    document.vlinkColor //已点击过的链接颜色。

    fileCreatedDate //文件建立日期,只读属性

    fileModifiedDate  //文件修改日期,只读属性。

    document.fileSize //文件大小,只读属性

    document.charset //设置字符集 如简体中文为"gb2312"

    ··················································································································································

     Body 子对象:

    document.body.bgColor   //设置或获取对象的背景颜色

    document.body.link     //未点击过的链接颜色

    document.body.text     //文本颜色

    document.body.innerText    //设置<body>…</body>之间的文本

    document.body.topMargin    //页面上边距

    document.body.leftMargin    //页面左边距

    document.body.rightMargin  //页面右边距

    document.body.bottomMargin //页面下边距

    document.body.background  //设置或返回背景图片

    document.body.appendChild(oTag)  //动态生成一个HTML对象

    常用对象事件

    document.body.onclick="func()"  //鼠标指针单击对象是触发

    document.body.onmouseover="func()"  //鼠标指针移到对象时触发

    document.body.onmouseout="func()" //鼠标指针移出对象时触发

    ·················································································································································

    常用对象方法:

    open()      //打开一个输出流以显示通过任何document.write() 或 document.writeln()方法产生的输出。

    close()  //关闭由document.open()打开的输出流。

    document.write() 将HTML表达式或JavaScript代码动态写入一个文档。

    writeln()  //writeln()方法和write()方法一样,只不过另外增加了在每一个表达式后面写入一行新字符的功能。

    document.createElement(Tag)   //创建一个html标签对象。

    document.getElementById(ID) // 获取指定ID的对象

    document.getElementsByName() //获取指定name值的对象

    ············································································································································

    Document 对象集合:

    anchors[]   //返回文档中所有的锚anchors组成的数组。

    forms[]           // 返回文档中所有的表单forms组成的数组。

    images[]         //返回文档中所有的图像images组成的数组。

    links[]            //返回文档中所有的链接links组成的数组。

    document.all   //document中所有对象的集合。只有ie支持此属性,因此也用来判断浏览器的种类

    ············································································································································

    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) //打开新的网页
    ·········································································································································
    selection-选区子对象
    document.selection

    posted on 2011-03-30 02:46  欧阳柠檬  阅读(521)  评论(0)    收藏  举报

    导航