JavaScript 與html的結合方式

內部JS:

  • JavaScript代碼寫在html文件裏。可以定義在html頁面中的任意位置。
    在這裏插入圖片描述
    在這裏插入圖片描述
    但是注意:js代碼定義的位置與html元素位置之間的順序會產生一些問題。請看下面:我們在body中定義了一個單選按鈕,並且希望使用js來獲取這個input radio對象。
    在這裏插入圖片描述
    我們在radio定義之前就使用js代碼來獲取它了,那麼我們能夠獲取到它嗎?答案肯定是不能。
    在這裏插入圖片描述
    下面的代碼纔是正確的。
    在這裏插入圖片描述
    在這裏插入圖片描述
    可以看到我們把js代碼放在radio定義的下方就能夠獲取到input radio對象了。
    總結:因爲代碼是從上往下執行的,那麼使用js獲取一個html元素時,要小心他們之間的順序問題,如果在元素定義之前我們就在js代碼來獲取它,肯定是獲取不到的。

外部JS:

  • JavaScript代碼寫在一個單獨的.js文件裏,然後在html中引入。這個也有之前所說的順序問題,要注意。
    在這裏插入圖片描述
    使用script標籤的 src 屬性。例如上圖引入同目錄下js文件夾下的jquery.js文件。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章