您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關javascript代碼的使用方式有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
javascript代碼有兩種使用方式,分別是:1、直接執行,打開一個網頁時,所有定義在script標簽或鏈入的js文件中的JavaScript代碼就會被執行;2、事件驅動,當發生某一個事件時,執行某段JavaScript代碼。
本教程操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。
【JavaScript執行方法】
定義在HTML文檔中的JavaScript代碼有兩種執行方法:直接執行、事件驅動。
直接執行:
當我們打開一個網頁時,所有定義在 <script> 標簽或鏈入的 js 文件中的JavaScript代碼就會被執行。
需要注意的是,用 function 定義的函數是不被執行的,函數只有在遇到函數調用時才會執行。
例1:
<script type="text/javascript"> var d = new Date(); var m = d.getMonth(); if( m>=5 ) document.write( m ); </script>
以上JavaScript代碼是裸放在 <script> 標簽中的,當網頁打開時,就立即執行。
例2:
<script type="text/javascript"> function getM() { var d = new Date(); var m = d.getMonth(); if( m>=5 ) document.write( m ); } </script> 以上JavaScript代碼定義的是函數,當網頁打開時,函數中的代碼不會被執行。當需要執行該函數時,需要使用函數調用。 <script type="text/javascript"> getM(); </script>
事件驅動:
當發生某一個事件,如網頁被打開、單擊鼠標、雙擊鼠標等,執行某段JavaScript代碼。
例如:
<script type="text/javascript"> var count = 0; function setCount() { count++; if( count>=5 ) count = 0; } </script> <button onclick="setCount()">計數</button>
本例中,<button> 標簽定義了一個按鈕,其中的 onclick 屬性用于響應一個鼠標單擊事件,當用鼠標單擊此按鈕時,執行 setCount() 函數。
在標簽中響應某一事件的屬性稱為事件句柄,它們的值是JavaScript代碼。
常用事件句柄:
onload:
當網頁被打開時觸發。它僅在 <body> 和 <frameset> 標簽中有效。
該事件一般用于執行一些初始化操作。
onunload:
當網頁被關閉時觸發。它僅在 <body> 和 <frameset> 標簽中有效。
該事件一般用于完成一些收尾工作。
onclick:
鼠標單擊時觸發。它可用于控件、圖像、文本、超鏈接等對象。
該事件用于響應鼠標單擊操作,是最常用的一個事件句柄。
ondblclick:
鼠標雙擊時觸發。它可用于控件、圖像、文本、超鏈接等對象。
該事件用于響應鼠標雙擊操作。
onchange:
當內容改變時觸發。它可用于文本框、列表框等對象。
該事件一般用于響應用戶修改文本框中內容的操作。
說明:當用戶向一個文本框中輸入文本時,不會觸發onchange事件,只有當用戶輸入結束后,單擊文本框以外的區域,使文本框失去焦點時才觸發該事件。
onselect:
當內容被選取時觸發。它可用于文本框、列表框等對象。
該事件一般用于響應用戶選取了文本框中的內容,以及改變了列表框中選擇的項目等操作。
以上只是幾個最常用的事件句柄。
說明:事件句柄不是JavaScript代碼,而是HTML屬性,所以它不區分大小寫,但應該養成使用小寫字母書寫的習慣。
擴展資料:
【JavaScript定義方法】:
在HTML文檔中加入JavaScript代碼有兩種方法:嵌入式、鏈入式。
嵌入式:
把JavaScript代碼嵌入在HTML文檔中。方法:
<script type="text/javascript"> JS代碼 </script>
JavaScript代碼必須定義在 <script> 和 </script> 之間。
<script> 標簽可以放在 head 區,也可以放在 body 區。
在一個HTML文檔中,JavaScript代碼可以在多處出現,每一處都要用 <script> 標簽括起來。
鏈入式:
把JavaScript代碼放置在一個文本文件中,文件擴展名應該定義為 .js,在HTML文檔中加入以下標簽:
<script type="text/javascript" src="js文件"></script>
src 屬性用于指定鏈入的 js 文件地址。可以是本地文件,也可以是URL。
利用鏈入式,可以讓定義的JavaScript代碼被多個網頁共享。
感謝各位的閱讀!關于“javascript代碼的使用方式有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。