種花家的守護者
這個問題,你算是問對人了。
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(), 做到無返回值.
大蘿蔔與小白兔
在最底部建在裡面寫。