JS页面元素的几种用法综述

对象的属性

Document.title / / set the document title equivalent to HTML title tags
document.bgcolor / /设置页面的背景颜色
document.fgcolor / /设置前景(文本颜色)
document.linkcolor / /没有点击的链接的颜色
document.alinkcolor / /激活链接(这个链接的颜色重点)
document.vlinkcolor / /点击的链接的颜色
document.url / /在同一窗口打开另一个页面的URL属性
document.filecreateddate / /文件的创建日期,只读属性
document.filemodifieddate / /文件修改日期,只读属性
document.charset / /设置字符集:GB2312简体中文
document.filesize / /文件大小,只读属性
/ / document.cookie设置和读取cookie

---- ----…—
普通对象的方法

document.write(动态) / /写页面的内容
document.createelement(标签) / /创建一个HTML标签对象
document.getelementbyid(ID) / /获得指定对象的ID值
document.getelementsbyname(名称) / /获得指定对象的名称值
document.body.appendchild(OTAG)
---- ----…—

身体的主要对象

开始document.body / /和指定文档主体的一端相当于体/体> >
document.body.bgcolor / /设置或获取对象后面的背景颜色
document.body.link / /没有点击的链接的颜色
document.body.alink / /激活链接(这个链接的颜色重点)
document.body.vlink / /点击的链接的颜色
document.body.text / /文字颜色
document.body.innertext / /体>…文本之间 /体
/ /身体document.body.innerHTML >…HTML代码之间 /体
document.body.topmargin / /页边距
document.body.leftmargin / /页面左边缘
document.body.rightmargin / /右页边距
document.body.bottommargin / /页边距
document.body.background /背景图片
document.body.appendchild(OTAG) / /创建一个HTML对象

常见的对象事件

(文档。身体。onclick= func)鼠标指针/单击对象触发
(文档。身体。onmouseover = func) /触发鼠标指针的对象
(文档。身体。onmouseout= func) / /对象,当鼠标指针移出触发
---- ----…—
位置-位置的子对象

该document.location.hash / / #部分后
document.location.host / / / /如果域名+端口号返回的是本地主机名、端口号不回
document.location.hostname / /域名
document.location.href / /网址
document.location.pathname /目录
document.location.port / /端口号
document.location.protocol / /网络协议(http:)
document.location.search / /零件号
(documeny。位置。重装) / /刷新页面
document.location.reload(URL) / /打开新的一页
document.location.assign(URL) / /打开新的一页
document.location.replace(URL) / /打开新的一页
——————————————————
选择选择子对象
document.selection

例如:
复制代码代码如下所示:
请在这里选择正文的一部分。


函数()
{
Document.selection.empty();
}


选择createrange方法

Document.selection.createRange()返回TextRange对象根据当前选定文本,或返回controlrange对象根据控制选择。

与execcommand,它在HTML编辑器是有用的,如文本增厚,斜体,复制,粘贴,和超链接。

所有这一切似乎只有在IE.的领导下才能实现。

---- ----…—

图像集合(页面上的图像)

a)通过集合引用
相应的document.images / / img标签页
一些document.images.length / IMG在相应的页面标签
文档图像{ 0 } / /第一个img标签
文档图像{我}: / / img标签

b)通过name属性直接引用
IMG名称=象
document.images.oimage / / document.images.name属性

(c)参考图片的SRC属性
document.images.oimage.src / / document.images.name src属性。

d)创建图像
VaR的图象
象=新的图像()
文档图像。象。src= 1.jpg
同时,建立一个img /标签页可以显示

----……---- ----———

表单集合(页面中的表单)

a)通过集合引用
相应的document.forms / /页面表单标签
在相应的页面document.forms.length / /格式表格标签的数量
文件形式{ 0 } / / /格式表格标签第一
文件形式{我}: / / /格式表格标签
I-1 /格式表格文件形式{我}。长度/ /控制数
I-1 /格式表格文件形式{我},{ }元素{J}. / / J-1控制

b)通过标签名称属性直接引用
/格式表格名称=以下是我参考网上>输入名称= myctrl / /形式
document.myform.myctrl / /文件。表格名称。控制名称

c)访问窗体的属性
相应的表单文档。
相应的 /格式表格文件形式{我} / /行动。行动>属性
相应的 /格式表格文件形式{我}。编码 / / enctype属性>
相应的 /格式表格文件形式{我}。目标 / /目标>属性

文件形式{我}。appendChild(OTAG) / /动态插入控制
document.all.odiv / odiv参考层
文件。所有。odiv。风格。显示= / /视觉层设置
隐藏层的设置文件。所有。odiv。风格。显示=没有 / /
document.getelementid(odiv)/参考对象的getelementid
document.getelementid(odiv)。风格=
document.getelementid(odiv)。显示=没有
/ * document.all代表所有对象的集合中的文档
只有IE支持这个属性,所以它被用来决定浏览器的类型。

层对象的4个属性
document.getelementbyid(ID)。innerText / /动态文本输出
document.getelementbyid(ID).innerHTML /的HTML输出
document.getelementbyid(ID)。outertext / innerText
document.getelementbyid(ID)。outerhtml / innerHTML