溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

javascript代碼的使用方式有哪些

發(fā)布時(shí)間:2021-06-10 11:34:14 來源:億速云 閱讀:152 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(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ò),可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(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)容。

AI