|
第七章 使用對象
1.理解對象\屬性和方法
<body bgcolor="green">
<script>
document.write("頁面背景顏色是:"+document.bgColor)
document.write("頁面前景顏色是:"+document.fgColor)
</script>
2.使用網(wǎng)頁元素對象
<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.使用預(yù)定義對象
<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.創(chuàng)建新對象
<script>
today=new Date()
document.write("今天是"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"<br>")
document.write("現(xiàn)在是:"+today.toLocaleString())
</script>
6.引用當(dāng)前對象
<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("數(shù)組元素個數(shù)是"+array.Length+"<br>")
document.write("用 join將數(shù)組合并"+array.join(" ")+"<br>")
document.write(" 數(shù)組排序"+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.預(yù)加載圖像
<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("第一個鏈接協(xié)議是"+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].>
</form>
14.使用history對象
<form name=form1>
<input type=button name=button1 value="向后返回2頁" onclick=window.history.go(-2)>
</form>
出處：藍色理想
責(zé)任編輯：moby
上一頁 事半功倍之Javascript [3] 下一頁 事半功倍之Javascript [5]
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 4 頁 事半功倍之Javascript [4]
