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