第七章 使用对象
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]
◎进入论坛网页制作、网站综合版块参加讨论
|