JavaScript中document对象使用详解(2)


documeny.location.reload()          //刷新网页
document.location.reload(URL)       //打开新的网页
document.location.assign(URL)       //打开新的网页
document.location.replace(URL)      //打开新的网页

======================================================================
images集合(页面中的图象)
a)通过集合引用

复制代码 代码如下:


document.images                 //对应页面上的<img>标签
document.images.length          //对应页面上<img>标签的个数
document.images[0]              //第1个<img>标签
document.images              //第i-1个<img>标签

b)通过name属性直接引用

复制代码 代码如下:


<img>
document.images.oImage          //document.images.name属性

c)引用图片的src属性

复制代码 代码如下:


document.images.oImage.src      //document.images.name属性.src

d)创建一个图象

复制代码 代码如下:


var oImage
oImage = new Image()
document.images.oImage.src="1.jpg"

同时在页面上建立一个<img>标签与之对应就可以显示
示例代码(动态创建图象):

复制代码 代码如下:


<html>
<img name=oImage>
<script language="javascript">
       var oImage
       oImage = new Image()
       document.images.oImage.src="1.jpg"
</script>
</html>
<html>
<script language="javascript">
       oImage=document.caeateElement("IMG")
       oImage.src="1.jpg"
       document.body.appendChild(oImage)
</script>
</html>

=====================================================================
forms集合(页面中的表单)
a)通过集合引用

复制代码 代码如下:


document.forms                     //对应页面上的<form>标签
document.forms.length              //对应页面上<form>标签的个数
document.forms[0]                  //第1个<form>标签
document.forms                  //第i-1个<form>标签
document.forms.length           //第i-1个<form>中的控件数
document.forms.elements[j]      //第i-1个<form>中第j-1个控件

----------------------------
b)通过标签name属性直接引用

复制代码 代码如下:


<form><input></form>
document.Myform.myctrl             //document.表单名.控件名

----------------------------
c)访问表单的属性

复制代码 代码如下:


document.forms.name             //对应<form name>属性
document.forms.action           //对应<form action>属性
document.forms.encoding         //对应<form enctype>属性
document.forms.target           //对应<form target>属性
document.forms.appendChild(oTag) //动态插入一个控件

----------------------------
示例代码(form):

复制代码 代码如下:


<html>
<!--Text控件相关Script-->
<form>
<input type="text">
<input type="password">
<form>
<script language="javascript">
//获取文本密码框的值
document.write(document.Myform.oText.value)
document.write(document.Myform.oPswd.value)
</script>
</html>

----------------------------
示例代码(checkbox):

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgxgxg.html