javaScript筆記01
阿新 • • 發佈：2018-01-29
點擊 cti world doc style 筆記 超鏈接 我們 clas
所謂勇氣就是明知前方的路途充滿了荊棘險阻，但還是義無反顧的的走下去。
1 Javasrcipt定義的三種方式
·1 head中的script腳本
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js-01</title> <script type="text/javascript"> alert(‘hello World!‘); </script> </head> <body> 你好，body! </body> </html>
執行順序是先會彈出“hello World!”,然後界面顯示‘你好，body!’
·2 超鏈接中直接定義
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js-02</title> </head> <body> <a href="javascript:alert(0)">我是js</a> </body></html>
這個點擊超鏈接就會執行彈出框；
·3 外部引入js的方式
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>js-03</title> <script type="text/javascript" src="index.js"></script> </head> <body> <div id="mydiv">this is div</div></body> </html>
index.js文件很簡單：
alert("你好，index.js");
但是此時會存在問題的，如果js對div標簽存在一定的操作，那麽會出現問題：
修改index.js文件：
alert("你好，index.js");
// 獲取div的id
var id=document.getElementById("mydiv");
alert(id);
此時由於先執行Javascript腳本，但是js獲取div的id時還沒有執行到div的標簽，那麽獲取的div的id就是null.此時我們可以將script定義在div的下面，或者使用window.onload（）函數來解決，此函數的功能是等待頁面加載完畢之後才執行js腳本：
// 等待頁面加載完畢執行js腳本
window.onload=function(){
alert("你好，index.js");
// 獲取div的id
var id=document.getElementById("mydiv");
alert(id);
}
javaScript筆記01