1. 程式人生 > >複習之JavaScript基本語法(一)——三種引入方式及load、write事件

複習之JavaScript基本語法(一)——三種引入方式及load、write事件

JavaScript是什麼

JavaScript一種直譯式指令碼語言,是一種動態型別、弱型別、基於原型的語言,內建支援型別。它的直譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的指令碼語言。

JavaScript的作用

JavaScript用來給HTML網頁增加動態功能。

JavaScript三種引入方式

  • 行內引入: 在控制元件的的事件裡寫JavaScript 點選按鈕跳轉到first.html
<input type="button" value="點選我" onclick="window.location.href='first.html?'"/>

點選按鈕呼叫js中的testA()方法

<input type="button" value="點選我" onclick="testA()"/>
  • 內部引入: 在head或body中,定義script標籤,然後在script標籤裡面寫js程式碼。
<script type="text/javascript">
 alert("JavaScript程式碼生效");
</script>
  • 外部引入: 在檔案同目錄下建立一個字尾為js的檔案first.js
<scripttype="text/javascript" src="first.js"></script>

window.onload 事件

網頁中的某些JavaScript指令碼程式碼往往需要在文件載入完成後才能夠去執行,否則可能導致無法獲取物件的情況,為了避免類似情況的發生,可以使用以下兩種方式:

(1).將指令碼程式碼放在網頁的底端,執行指令碼程式碼的時候,可以確保要操作的物件已經載入完成。

(2).通過window.onload來執行指令碼程式碼。

script type="text/javascript">
        window.onload = function () {
        alert("JavaScript程式碼生效");
         }
    </script>

document.write事件

document.write事件是輸出事件一般情況下很少使用,使用script要放在body前面

//輸出,如果是頁面載入完才執行,會覆蓋整個文件
document.write("<h1>this is a heading</h1>");