在上一篇JavaScript入門基礎中,我已經簡單介紹了JavaScript語言特性,基礎語法(常量和變量),邏輯運算符,關係運算符,算術運算符,還有JavaScript的函數。
這一篇我們就來探究Javascript的事件和瀏覽器內置對象,在開發中我們會常用到的一些的事件,這裏會舉例說明,並加以解釋,如有不對之處,還請各位博友留言,我們一起交流學習。
一、JavaScript事件
1.1 onClick事件
onclick事件是當鼠標點擊時觸發的事件,同時onclick指定的事件處理程序或代碼被執行調用。
<input type="button" Onclick="window.open(document.location,'big','fullscreen=yes')">
<input type="button" Onclick="window.close()">
//juery方式
<input type="button" id="show">
<script type="text/javascript>
$("#show").on("click",function(){
window.close();
})
</script>
1.2 onChange事件
onchange事件是當監聽的內容發生改變時觸發的事件,同時onchange指定的事件處理程序或代碼塊被執行調用。
<textarea name="message" οnchange=alert("請輸入留言") />
1.3 onSelect事件
onselect事件是當文本框中選中文自後,會彈出選擇文字的提示對話框。
<input type="text" value="" οnselect=alert("選擇事件") />
1.4 onFoucs事件
當光標放在文本框上或選擇文本框上時產生onFoucs事件
1.5 onload事件
當加載網頁文檔時,會產生該時間。onLoad事件的作用是在首次載入一個頁面文件時檢測cookie的值。並用一個變量爲其賦值,使其可以被源代碼使用
<body onLoad="MM_popupMg('歡迎光臨!')">
1.6 onUload事件
退出網頁時觸發的事件,可以用來更新cookie.
1.7 onBlur事件
失去焦點onblur事件正好與獲得焦點時間相對應,當對象不再擁有焦點時觸發該事件
1.8 onMouseOver事件
當鼠標移入到對象(input div select等),觸發的事件
1.9 onMouseOut事件
當鼠標移出觸發的事件
1.10 onDbClick事件
鼠標雙擊觸發的事件
1.11其他事件
稍後上傳文檔
二 瀏覽器的內置對象
2.1 navigator對象
<input name="navigator.appName" οnclick=alert(navigator.appName) type="button">
2.2 document對象
2.3 windows對象
windows對象處於層次對象的最頂端,它提供了navigator窗口的方法和屬性,javascript也可以由windows對象實現。
2.4 location對象
2.5 history對象
back() 返回
forward() 前進
go() 進入指定頁面
後面會出javascript實戰說明