|
第七章 使用对象
1.理解对象\属性和方法
<body bgcolor="green">
<script>
document.write("页面背景颜色是:"+document.bgColor)
document.write("页面前景颜色是:"+document.fgColor)
</script>
2.使用网页元素对象
<script>
</script>
<form name=form1>
<textarea name=ta1>dfgfdgfdhfdhdfdfgdf</textarea>
<input type=button value="选择文本" onclick=document.form1.ta1.select()>
<input type=button value="显示文本" onclick=document.write(document.form1.ta1.value)>
</form>
3.使用子对象
<form name=form1>
<input type=text name=text1 value=hello>
</form>
<script>
document.form1.text1.value="gdfgfd"
</script>
<form name=form1>
<input type=radio name=radio1>男
<input type=radio name=radio2>女
</script>
<script>
document.form1.radio1.checked=true
</script>
4.使用预定义对象
<script>
str1="dgdfgdfgdfhf固定法固定法功夫攻打法"
document.write(str1+"<br>")
str2=str1.substr(5)
document.write(str2+"<br>")
document.write("输出圆的面积:"+Math.PI*Math.pow(5.0,2))
</script>
5.创建新对象
<script>
today=new Date()
document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"<br>")
document.write("现在是:"+today.toLocaleString())
</script>
6.引用当前对象
<form name=form1>
<input type=text name=text1 value="dgdgdfgfd" onclick=this.select()>
</script>
7.查看对象属性
<script>
for(prop in window)
{document.write("window."+prop+"="+window[prop]+"<br>");}
for(prop2 in location)
{document.write("location."+prop2+"="+location[prop]+"<br>");}
</script>
8.使用Array对象
<script>
array=new Array(10)
array[0]="bark"
array[1]="apple"
array[2]="nebula"
array[3]="cookie"
array[4]="technology"
document.write("数组元素个数是"+array.Length+"<br>")
document.write("用 join将数组合并"+array.join(" ")+"<br>")
document.write(" 数组排序"+array.sort())
</script>
9.使用 image 对象
<img src=**.gif alt="图片提示…." border=10>
<script>
document.write("图片提示是:"+document.images[0].alt+"<br>")
document.write("图片边框大小是:"+document.images[0].broder)
</script>
10.预加载图像
<script>
freddy=new Image()
freddy.src=freddy.gif
</script>
<body onload=document.images[0].src=freddy.src>
,<img src="blank.gif">
</body>
11.改变图像
<img src=freddy.gif><br>
<form name=form1>
<input type=button name=button1 value="改变图像" onclickd=document.images[0].src=dudjp.gif>
</form>
12.使用link和anchor对象
<a name=anchor1>锚点1<br>
<a href=http://www.microsoft.com>Microsoft</a><br>
<a href=http://www.sohu.com>sohu</a><br>
<a href=http://www.sina.com.cn>sina</a><br>
<script>
document.write("本页面共有"+document.links.length+"链接"+"<br>")
document.write("本页面共有"+document.anchors.length+"锚点"+"<br>")
document.write("第一个链接协议是"+document.links[0].protocol+"<br>")
document.write("第一个链接路径是"+document.links[0].pathnamel+"<br>")
document.write("第一个链接href是"+document.links[0].hrefl+"<br>")
</script>
13.改变链接
<a href =http://www.microsoft.com>link</a>
<form name=form1>
<input type=button name=button1 value="改变链接" onclick=document.links[0].href='http://www.sohu.com'>
</form>
14.使用history对象
<form name=form1>
<input type=button name=button1 value="向后返回2页" onclick=window.history.go(-2)>
</form>
出处：蓝色理想
责任编辑：moby
上一页 事半功倍之Javascript [3] 下一页 事半功倍之Javascript [5]
◎进入论坛网页制作、网站综合版块参加讨论
|
第 1 页 
第 4 页 事半功倍之Javascript [4]
