数码资讯
Javaｓｃｒｉｐｔ中文档对象的详细解决方案的使用
对象的属性 复制代码代码如下所示： document.title / /设置文档的标题相当于HTML标签 document.bgcolor / /设置页面的背景颜色 document.fgcolor / /设置前景（文本颜色） document.linkcolor / /没有点击的链接的颜色 doc
选购提示
关注价格、性能、续航、售后和真实使用场景，理性比较后再下单。
对象的属性
复制代码代码如下所示：
document.title / /设置文档的标题相当于HTML标签
document.bgcolor / /设置页面的背景颜色
document.fgcolor / /设置前景（文本颜色）
document.linkcolor / /没有点击的链接的颜色
document.alinkcolor / /激活链接（这个链接的颜色重点）
document.vlinkcolor / /点击的链接的颜色
document.url / /在同一窗口打开另一个页面的URL属性
document.filecreateddate / /文件的创建日期，只读属性
document.filemodifieddate / /文件修改日期，只读属性
document.filesize / /文件大小，只读属性
/ / document.cookie设置和读取cookie
document.charset / /设置字符集：GB2312简体中文
======================================================================
身体的主要对象
复制代码代码如下所示：
开始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=（功能） / /单击鼠标指针对象触发
文件。身体。onmouseover =（功能） / /鼠标指针对象触发
文件。身体。onmouseout=（功能） / /对象，当鼠标指针移出触发
======================================================================
位置-位置的子对象
复制代码代码如下所示：
该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） / /打开新的一页
======================================================================
图像集合（页面上的图像）
a）通过集合引用
复制代码代码如下所示：
document.images / /标签上相应的页面
对document.images.length / /相应的页面标签的数量
文档：图像{ 0 } /第一个标签
document.images / I-1标签
b）通过name属性直接引用
复制代码代码如下所示：
document.images.oimage / / document.images.name属性
（c）参考图片的SRC属性
复制代码代码如下所示：
document.images.oimage.src / / document.images.name src属性。
d）创建图像
复制代码代码如下所示：
VaR的图象
象=新的图像（）
文档图像。象。src=1 .jpg
同时，可以在页面上设置一个标签。
样例代码（动态创建的图像）：
复制代码代码如下所示：
VaR的图象
象=新的图像（）
文档图像。象。src=1 .jpg
象= document.caeateelement（IMG）
象。src=1 .jpg
document.body.appendchild（象）
=====================================================================
表单集合（页面中的表单）
a）通过集合引用
复制代码代码如下所示：
document.forms / /标签上相应的页面
对document.forms.length / /相应的页面标签的数量
文档表单{ 0/第一个标签
document.forms / I-1标签
该document.forms.length / /控制数的表示
第i-1文件。形式。元素{ } / / J J-1控制
----------------------------
b）通过标签名称属性直接引用
复制代码代码如下所示：
document.myform.myctrl / /文件。表格名称。控制名称
----------------------------
c）访问窗体的属性
复制代码代码如下所示：
document.forms.name / /相应的属性
document.forms.action / /相应的属性
document.forms.encoding / /相应的属性
document.forms.target / /相应的属性
document.forms.appendchild（OTAG） / /动态插入控制
----------------------------
示例代码（表单）：
复制代码代码如下所示：
获取文本密码框值
document.write（文件。以下是我参考网上。otext。值）
document.write（文件。以下是我参考网上。opswd。值）
----------------------------
示例代码（复选框）：
复制代码代码如下所示：
一
二
功能乐趣（）{
复选框控件的值遍历，并确定是否选中了
VaR的长度
长度=文件形式{ 0 }。chk.length
对于（i = 0；i <长度；i ++）{
V =文件形式{ 0 }。chk.value
B =文件形式{ 0 }。chk.checked
如果（b）
警报（选择）
其他的
警报（v =未选中）
}
}
DDD
----------------------------
示例代码（选择）：
复制代码代码如下所示：
一
二
三
选项/选择控制遍历
VaR的长度
长度= document.myform.oselect.length
对于（i = 0；i <长度；i +）
document.write（文件。以下是我参考网上。oselect。值）
选择遍历选项项并确定一个选项。
为（i = 0；i < document.myform.oselect.length；i++）{
如果（document.myform.oselect.selected！= true）
document.write（文件。以下是我参考网上。oselect。值）
其他的
document.write（+文件。以下是我参考网上。oselect。价值+ ）
}
根据选择的打印 / / SelectedIndex选项
/ /（0文件。以下是我参考网上。oselect。length-1）
我= document.myform.oselect.selectedindex
document.write（文件。以下是我参考网上。oselect。值）
选择/控制的动态增长
无功ooption = document.createelement（选项）；
ooption。文本=4；
ooption。值=4；
document.myform.oselect.add（ooption）；
======================================================================
div集合（页面中的层）
复制代码代码如下所示：
文本
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）with.outertext / innerText
document.getelementbyid（ID）with.outerhtml / innerHTML
----------------------------
示例代码：
复制代码代码如下所示：
函数更改（）{
文件。所有。odiv。风格。显示为无
}
文本
功能changetext（）{
document.getelementbyid（odiv）。innerText =newtext
}
文本
复制代码代码如下所示：
document.title / /设置文档的标题相当于HTML标签
document.bgcolor / /设置页面的背景颜色
document.fgcolor / /设置前景（文本颜色）
document.linkcolor / /没有点击的链接的颜色
document.alinkcolor / /激活链接（这个链接的颜色重点）
document.vlinkcolor / /点击的链接的颜色
document.url / /在同一窗口打开另一个页面的URL属性
document.filecreateddate / /文件的创建日期，只读属性
document.filemodifieddate / /文件修改日期，只读属性
document.filesize / /文件大小，只读属性
/ / document.cookie设置和读取cookie
document.charset / /设置字符集：GB2312简体中文
======================================================================
身体的主要对象
复制代码代码如下所示：
开始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=（功能） / /单击鼠标指针对象触发
文件。身体。onmouseover =（功能） / /鼠标指针对象触发
文件。身体。onmouseout=（功能） / /对象，当鼠标指针移出触发
======================================================================
位置-位置的子对象
复制代码代码如下所示：
该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） / /打开新的一页
======================================================================
图像集合（页面上的图像）
a）通过集合引用
复制代码代码如下所示：
document.images / /标签上相应的页面
对document.images.length / /相应的页面标签的数量
文档：图像{ 0 } /第一个标签
document.images / I-1标签
b）通过name属性直接引用
复制代码代码如下所示：
document.images.oimage / / document.images.name属性
（c）参考图片的SRC属性
复制代码代码如下所示：
document.images.oimage.src / / document.images.name src属性。
d）创建图像
复制代码代码如下所示：
VaR的图象
象=新的图像（）
文档图像。象。src=1 .jpg
同时，可以在页面上设置一个标签。
样例代码（动态创建的图像）：
复制代码代码如下所示：
VaR的图象
象=新的图像（）
文档图像。象。src=1 .jpg
象= document.caeateelement（IMG）
象。src=1 .jpg
document.body.appendchild（象）
=====================================================================
表单集合（页面中的表单）
a）通过集合引用
复制代码代码如下所示：
document.forms / /标签上相应的页面
对document.forms.length / /相应的页面标签的数量
文档表单{ 0/第一个标签
document.forms / I-1标签
该document.forms.length / /控制数的表示
第i-1文件。形式。元素{ } / / J J-1控制
----------------------------
b）通过标签名称属性直接引用
复制代码代码如下所示：
document.myform.myctrl / /文件。表格名称。控制名称
----------------------------
c）访问窗体的属性
复制代码代码如下所示：
document.forms.name / /相应的属性
document.forms.action / /相应的属性
document.forms.encoding / /相应的属性
document.forms.target / /相应的属性
document.forms.appendchild（OTAG） / /动态插入控制
----------------------------
示例代码（表单）：
复制代码代码如下所示：
获取文本密码框值
document.write（文件。以下是我参考网上。otext。值）
document.write（文件。以下是我参考网上。opswd。值）
----------------------------
示例代码（复选框）：
复制代码代码如下所示：
一
二
功能乐趣（）{
复选框控件的值遍历，并确定是否选中了
VaR的长度
长度=文件形式{ 0 }。chk.length
对于（i = 0；i <长度；i ++）{
V =文件形式{ 0 }。chk.value
B =文件形式{ 0 }。chk.checked
如果（b）
警报（选择）
其他的
警报（v =未选中）
}
}
DDD
----------------------------
示例代码（选择）：
复制代码代码如下所示：
一
二
三
选项/选择控制遍历
VaR的长度
长度= document.myform.oselect.length
对于（i = 0；i <长度；i +）
document.write（文件。以下是我参考网上。oselect。值）
选择遍历选项项并确定一个选项。
为（i = 0；i < document.myform.oselect.length；i++）{
如果（document.myform.oselect.selected！= true）
document.write（文件。以下是我参考网上。oselect。值）
其他的
document.write（+文件。以下是我参考网上。oselect。价值+ ）
}
根据选择的打印 / / SelectedIndex选项
/ /（0文件。以下是我参考网上。oselect。length-1）
我= document.myform.oselect.selectedindex
document.write（文件。以下是我参考网上。oselect。值）
选择/控制的动态增长
无功ooption = document.createelement（选项）；
ooption。文本=4；
ooption。值=4；
document.myform.oselect.add（ooption）；
======================================================================
div集合（页面中的层）
复制代码代码如下所示：
文本
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）with.outertext / innerText
document.getelementbyid（ID）with.outerhtml / innerHTML
----------------------------
示例代码：
复制代码代码如下所示：
函数更改（）{
文件。所有。odiv。风格。显示为无
}
文本
功能changetext（）{
document.getelementbyid（odiv）。innerText =newtext
}
文本
声明：本文内容用于数码产品信息整理与选购参考，具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。