在HTML中如何包含JavaScript?

種花家的守護者


這個問題,你算是問對人了。

Javascript其實可以寫在HTML的任何位置,關鍵是怎麼寫。

1.1.1. Javascript可以寫在script標籤內(內嵌方式)

script type="text/javascript"

alert('這是Javascript程序');

/script

通過type屬性告知瀏覽器標籤內容是Javascript代碼。

1.1.2. Javascript可以寫在單獨的文件中(外聯方式)

1.創建以.js結尾的文件並且寫入Javascript代碼

2.hello.js(文件名任意):

alert('這是Javascript程序');

3.在html文件中使用Javascript代碼文件

script type="text/javascript" src=’hello.js’/script

1.1.3. JavaScript可以寫在HTML標籤的事件屬性中

onclick點擊事件(用戶點擊),屬性值:點擊時,執行的js代碼。

button onclick=” alert(250); ”點擊我/button

用戶點擊,button的時候會提示250;

1.1.4. Javascript可以A標籤的href屬性中

a標籤:超鏈接,主要用於跳轉到href屬性設置連接地址;

a href=”http://www.baidu.com”百度官網/a

a可以設置href值前綴以“javascript:”(前綴其實叫協議,例如:thunder://xxxfasdfasd,迅雷的協議,點擊這樣的連接打開的不是頁面,而是迅雷)開頭,當用戶點擊的時候就會告訴瀏覽器這不是一個連接地址,而是需要執行一段javascript代碼。

a href=”javascript: alert(‘搞啥子???’);”點我/a

1.1.5.>

雖然script標籤可以放在html標籤的任何位置,但是為了網頁的整體結構和開發人員多數的契約,我們應該放在如下兩個位置:

a) 所有的script標籤都應該放在頁面的head標籤中;

html

head

title文檔標題/title

script src=”xxx” type=”xxx”/script

/head

/html

b) 為了讓內容優先加載顯示,提高用戶體驗,也可以把script標籤放在/body結束標籤之前。

html

head

title文檔標題/title

/head

body

網頁內容...........

網頁內容...........

網頁內容...........

script src=”xxx” type=”xxx”/script

/body

/html

1.1.6. 四種方式的區別和用法

區別:

1、內嵌方式的Javascript只能夠在當前html文件中使用;

2、外聯方式的js文件可以被多個html頁面使用;

3、onclick是一個事件(發現什麼什麼後)屬性,只有發現後才執行;

4、a標籤本身是超鏈接,但是我們一旦指定javascript:協議後,點擊這個超鏈接,就告訴瀏覽器需要執行一段javascript代碼。與onclick一樣都是點擊後執行。

script標籤選擇:如果一個Javascript代碼被多個html文件使用,請選擇外聯方式, 或者可以選擇內嵌方式,策略與css一樣。


教育路上行者何老師


在HTML中使用HTML需要藉助<scirpt>標籤,使用中包含JavaScript代碼。/<scirpt>

  2、使用

-------------------------------------------

方法二:

把嵌入式的腳本添加到文檔的

中, 不推薦這樣做

--------------------------------------------

方法三:

把嵌入式的腳本添加到文檔的

中, 維一的理由是要使用document.write()方法,但我們有更好方法來替代他.

如:createElement()方法, appendChild()方法, 非EMCAscript標準的 innerHTML屬性 .

-----------------------------------------------

方法四:

非官方EMCA標準的 javascript: 前綴

可以成功打開一個新的窗口.

要注意window.open()方法是有返回值的, 原先的頁面會被返回的結果覆蓋.

地址欄變成:javascript:window.open('http://www.google.com');

頁面內容變成:[object Window]

所在要再包一層function(), 做到無返回值.


大蘿蔔與小白兔


在最底部建在裡面寫。


分享到:


相關文章: