第五章 使用函數(shù)
1.聲明函數(shù)
<script> function quote() { document.write("輸出語(yǔ)句") } </script>
2.調(diào)用函數(shù)
<script> function quote() { document.write("輸出語(yǔ)句") } quote() </script>
3.了解全局變量和局部變量
任何不用 var關(guān)鍵字聲明的變量都是全局變量,任何在函數(shù)外聲明的變量都是全局變量
4.將參數(shù)傳送給函數(shù)
<script> function f(item) {document.write("輸出參數(shù)"+item+"<br>") } f("fgdfgd") f("參數(shù)二") </script>
5.從函數(shù)返回值
<script> function average(var1,var2,var3) {ave=(var1+var2+var3)/3; document.write("輸出結(jié)果"); return ave; } document.write(average(34,56,78)) </script>
6.通過(guò)HTML鏈接調(diào)用函數(shù)
<script> function quote(){ document.write(" 輸出字符串") } </script> <a href=javascript:quote()>通過(guò)HTML鏈接調(diào)用函數(shù)</a> <a href=javascript:Document.write("輸出字符")> 通過(guò)HTML鏈接調(diào)用函數(shù),直接寫(xiě)javascript語(yǔ)句</a>
第六章 處理事件
1.檢查鼠標(biāo)單擊
<form name=form1> <input type=button name=button1 value=hello onclick=document.form1.button1.value='there'> </form>
2.檢測(cè)雙擊
<form name=form1> <input type=button name=button1 value=hello onclick=document.form1.button1.value='你單擊了按鈕' ondblclick=document.form1.button1.value='你雙擊了該按鈕'> </form>
3.創(chuàng)建懸停按鈕
<img src=go.gif onmouseover=document.images[0].src='go2.gif' onmouseout= document.images[0].src='go.gif'>
4.檢測(cè)按鍵
<form name=form1> <input type=text name=text1 value=hello onkeypress="if(window.event.keyCode=='100') document.form1.text1.value='你按了d鍵'"> </form>
5.設(shè)置焦點(diǎn)
<form name=form1> <input type=text name=text1 value=hello onfous=document.form1.text1.value='該文本框獲得焦點(diǎn)' onblur=document.form1.text1.value='該文本框失去焦點(diǎn)'> </form>
6.檢測(cè)下拉菜單選擇
<form name=form1> <select name=select1 size=4 onChange=document.form1.text1.value=document.form1.select1.value> <option value="北京">北京</option> <option value="上海">上海</option> <option value="武漢">武漢</option> <option value="天津">天津</option> <option value="大連">大連</option> </select> <input tppe=text name=text1 value=hello> </form>
7.創(chuàng)建網(wǎng)頁(yè)加載和卸載信息
<body onload=document.form1.text1.value='頁(yè)面加載完畢' onunload=alert('再見(jiàn),歡迎再來(lái)')> <form name=form1> <input type=text name=text1 value="頁(yè)面正在加載 ……"> </form>
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁(yè) 事半功倍之Javascript [2] 下一頁(yè) 事半功倍之Javascript [4]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、網(wǎng)站綜合版塊參加討論
|