JavaScript——事件+瀏覽器內置對象

在上一篇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實戰說明

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章