首頁  >  文章  >  web前端  >  javascript程式碼有幾種使用方式

javascript程式碼有幾種使用方式

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-10 11:10:012909瀏覽

javascript程式碼有兩種使用方式,分別是:1、直接執行,開啟一個網頁時,所有定義在script標籤或鏈入的js檔案中的JavaScript程式碼就會被執行;2、事件驅動,當發生某一個事件時,執行某段JavaScript程式碼。

javascript程式碼有幾種使用方式

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

【JavaScript執行方法】

定義在HTML文件中的JavaScript程式碼有兩種執行方法:直接執行、事件驅動。

直接執行:

當我們開啟一個網頁時,所有定義在3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤或鏈入的js 檔案中的JavaScript程式碼就會被執行。

要注意的是,用 function 定義的函數是不被執行的,函數只有在遇到函數呼叫時才會執行。

範例1:

<script type="text/javascript">
var d = new Date();
var m = d.getMonth();
if( m>=5 )
document.write( m );
</script>

以上JavaScript程式碼是裸放在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤中的,當網頁開啟時,就立即執行。

例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>

本例中,bb9345e55eb71822850ff156dfde57c8 標籤定義了一個按鈕,其中的onclick 屬性用於回應滑鼠點擊事件,當使用滑鼠點擊此按鈕時,執行setCount() 函數。

在標籤中回應某一事件的屬性稱為事件句柄,它們的值是JavaScript程式碼。

常用事件句柄:

#onload:

當網頁被開啟時觸發。它僅在 6c04bd5ca3fcae76e30b72ad730ca86d 和 f900b4fc197b16ab214eecf015bb6bd2 標籤中有效。

該事件一般用於執行一些初始化操作。

onunload:

當網頁被關閉時觸發。它僅在 6c04bd5ca3fcae76e30b72ad730ca86d 和 f900b4fc197b16ab214eecf015bb6bd2 標籤中有效。

這事件一般用來完成一些收尾工作。

onclick:

滑鼠點擊時觸發。它可用於控制項、圖像、文字、超連結等物件。

此事件用於回應滑鼠點選操作,是最常用的一個事件句柄。

ondblclick:

滑鼠雙擊時觸發。它可用於控制項、圖像、文字、超連結等物件。

此事件用於回應滑鼠雙擊操作。

onchange:

當內容改變時觸發。它可用於文字方塊、列錶框等物件。

此事件一般用於回應使用者修改文字方塊中內容的操作。

說明:當使用者向一個文字方塊輸入文字時,不會觸發onchange事件,只有當使用者輸入結束後,點擊文字方塊以外的區域,使文字方塊失去焦點時才觸發該事件。

onselect:

當內容被選取時觸發。它可用於文字方塊、列錶框等物件。

此事件一般用於回應使用者選取了文字方塊中的內容,以及改變了列錶框中所選的項目等操作。

以上只是幾個最常用的事件句柄。

說明:事件句柄不是JavaScript程式碼,而是HTML屬性,所以它不區分大小寫,但應該養成使用小寫字母書寫的習慣。

擴充資料:

【JavaScript定義方法】:

在HTML文件中加入JavaScript程式碼有兩種方法:嵌入式、鏈入式。

嵌入式:

把JavaScript程式碼嵌入在HTML文件中。方法:

<script type="text/javascript">
JS代码
</script>

JavaScript程式碼必須定義在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 和 2cacc6d41bbb37262a98f745aa00fbf0 之間。

3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤可以放在 head 區,也可以放在 body 區。

在一個HTML文件中,JavaScript程式碼可以在多處出現,每一處都要用 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤括起來。

鏈入式:

把JavaScript程式碼放置在一個文字檔案中,檔案副檔名應該定義為.js,在HTML文件中加入以下標籤:

<script type="text/javascript" src="js文件"></script>

src 屬性用於指定鏈入的js 檔案位址。可以是本機文件,也可以是URL。

利用鏈入式,可以讓定義的JavaScript程式碼被多個網頁共用。

【推薦學習:javascript高階教學

#

以上是javascript程式碼有幾種使用方式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn