javascript語言(i)-資料下載頁
2025-09-30 15:13本頁面
【正文】 HTML文本中對標記的屬性名的松散要求是一致的 。 –注意引號的用法 – OnLoad在網(wǎng)頁完全加載完后執(zhí)行 (即包括圖像 ,applet等 ) – OnUnLoad在網(wǎng)頁退出之前執(zhí)行 例子 : (see demo event1) ? A HREF= / onMouseOver =status=39。Mouse is over39。 return true。 onMouseOut = alert(39。Mouse is moved out. Sure ?’)。 return true” onClick = “var i=32768。 if (confirm(39。Do you like the number : 39。 + i)) { return true 。 } else return false。 ” some text /A ? 如果 return false給 onClick, 則瀏覽器不訪問 HREF指定的網(wǎng)址 ? status是暫時量 , 只是在事件發(fā)生時有效 。 defaultStatus是缺省量 , 在沒有其它事件發(fā)生時也有效 . 例子 : 定時事件的應用 ? 目標是編寫一網(wǎng)頁 ， 使得當用戶關(guān)注到含有該網(wǎng)頁的瀏覽器窗口時 ， 其狀態(tài)區(qū)域顯示一串動畫文字 ， 而當注意力移開后停止顯示 。 ? BODY onfocus = ”timerrunning=true。 scrollText()。 return true。 onblur = ”if (timerrunning) {clearTimeout(xxx)。 return true。} ? 與定時事件有關(guān)的 Window對象方法的應用 – timer_id = setTimeout(“函數(shù)名 ” ， 毫秒數(shù) ） , 在指定時間過后執(zhí)行該函數(shù) . Timer_id在此作為一個定時器的標識 . – clearTimeout(timer_id), 取消一個定時器 , 意味著不再執(zhí)行和它相關(guān)的計時操作 . HEADSCRIPT language=JavaScript var text = Wele to PACT group at Peking University!。 var len = 。 var width= 50。 var pos = 1 width。 var timerrunning = false。 var xxx=null。 function scrollText() { pos++。 var scroller = 。 if (pos == len) { pos = 1width。 } if (pos0) { // 下面的算法確定 scroller, 形成動畫效果 for (var i=1。 i=(pos)。 i++) { scroller += 。 } scroller += (0,widthi+1)。 } else { scroller += (pos,width+pos)。 } = scroller。 xxx = setTimeout(“scrollText()”,100)。 // 100毫秒后再執(zhí)行 } /SCRIPT/HEAD 與表格 (FORM)有關(guān)事件的例子 FORM … onReset=return confirm( 39。Really erase ALL data and start over ?39。) FORM … onSubmit=return verify(this) ? onSubmit在表格提交之前執(zhí)行 , 若返回 false, 則不提交 . 這就是在客戶方驗證用戶輸入的典型方式 . confirm是 Window對象的一個方法 , verify()是一個必須由用戶提供的函數(shù) 。 ? 和 frames[]是 Window的屬性類似 , forms[]是Document的一個數(shù)組屬性 . 與 FORM元素有關(guān)事件的例子 INPUT TYPE=radio name=abc value=39。a39。 onClick=alert(39。important39。)。return true。 INPUT TYPE=radio name=abc value=39。b39。 INPUT TYPE=radio name=abc value=39。c39。 只是當?shù)谝粋€按鈕被 click后出現(xiàn)警示信息 。 TEXTAREA name=bcd rows=10 cols=20 onChange=alert(39。blahblah39。)。 return true。 INPUT TYPE=text name=xyz onFocus=alert(39。testing39。)。return true。 ? Form有 elements[]數(shù)組屬性 , 這些元素中的name可直接用來引用相應元素 . 關(guān)于圖像 ? IMG src=… onLoad=… onLoad 圖像成功裝載后執(zhí)行 ， onAbort 當用戶中斷裝載過程時執(zhí)行 ? 圖像的預取與替換 : JavaScript的動畫技術(shù) (盡管很弱 ) script image2= new Image()。 =“”。/script img name=“demo” src=“” ? 不難想象結(jié)合定時事件的應用實現(xiàn)動畫效果 。 例子 : htmeheadscript var timerID = null。 var timerrunning = false。 function stopclock() { if (timerrunning) clearTimeout(timerID)。 timerrunning = false。} function showtime() { date = new Date()。 timeValue = () + 39。:’ + ()+39。:39。+()。 = timeValue。 timerID = setTimeout(showtime(), 1000)。 timerrunning = true。} /script/headbody form name=clock input type=text name=face size=12 value= onfocus=showtime()” input type=text name=control size=12 onblur=” stopclock()” /form/body/html
物理相關(guān)推薦
鄂ICP備17016276號-1