JavaScript高階程式設計第3版學習心得（1）
阿新 • • 發佈：2019-02-13
語法
一、在html中加入JavaScript：
1.在html中嵌入JavaScript程式碼
<script type="text/javascript">
if(1<2){
alert('jjjj');
}
</script>`<script src="js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>二、<script>元素屬性：
1.async：非同步載入js檔案，只對外部匯入的js有效，內嵌式js無效，瀏覽器在解析html檔案內容時是從上往下一行一行程式碼進行解析，當解析到包含async屬性的程式碼時會繼續向下解析並同步下載js檔案。
2.charset：設定js程式碼的字符集，基本不用
3.language：使用的指令碼語言是什麼，已廢棄，現在預設都是JavaScript指令碼語言
4.src：js檔案資源引用，可以是本地資源，也可以是外部資源，如：
<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>三、標籤位置5.type：可以看出language的替換，固定寫法：<script type="text/javascript"></script>,html5中可以省略type屬性
1.可以放在head中，如果是內嵌式需要使用window.onload事件來包括js程式碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
window.onload=function () { //等待頁面內容載入完畢後開始執行此函式中的js程式碼 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<script src="http://123.56.125.20/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!--這裡是html程式碼-->
<script type="text/javascript">
//這裡是js程式碼
</script>
</body>
</html>四、<noscript>標籤（現在的瀏覽器都支援JavaScript，所以很少用）
如果瀏覽器不支援或關閉了JavaScript那麼可以使用<noscript>標籤來標註體現使用者JavaScript關閉了
<noscript>你的瀏覽器不支援JavaScript或關閉了JavaScript</noscript>
備註
一、xhtml中JavaScript的用法 由於html4是不嚴格的標籤語言，很多錯誤瀏覽器都可以忽略，以下程式碼在html4中不會報錯，但是在xhtml（嚴格的html）會報錯，’<‘和’>‘會被解析為html中的標籤<script type="text/javascript">
function compare(a, b) {
if (a < b) {
alert("A is less than B");
} else if (a > b) {
alert("A is greater than B");
} else {
alert("A is equal to B");
}
}
</script><script type="text/javascript">//[!CDATA[
function compare(a, b) {
if (a < b) {
alert("A is less than B");
} else if (a > b) {
alert("A is greater than B");
} else {
alert("A is equal to B");
}
}//]]</script>