JavaScript
- 區分大小寫
- 弱型別 定義變數時只用var運算子
-
結尾分號可有可無
image.png
- 獲取元素
document.getElementById("id名稱") //如果id是一個字串，必須加上引號，如果是一個變數，那麼不需要加上引號 -
獲取元素裡面的值
document.getElementById("id名稱").value；
image.png
image.png
-
JS判空 if (value=="") 不能寫成if(value==null)
-
JS事件
onload 和 onunload 事件
onload 和 onunload 事件會在使用者進入或離開頁面時被觸發。
onload 事件可用於檢測訪問者的瀏覽器型別和瀏覽器版本，並基於這些資訊來載入網頁的正確版本。
onload 和 onunload 事件可用於處理 cookie。
onload放在boyd部分，不能放在具體標籤部分
onchange 事件
onchange 事件常結合對輸入欄位的驗證來使用。
onmouseover 和 onmouseout 事件
onmouseover 和 onmouseout 事件可用於在使用者的滑鼠移至 HTML 元素上方或移出元素時觸發函式。
onmousedown、onmouseup 以及 onclick 事件
onmousedown, onmouseup 以及 onclick 構成了滑鼠點選事件的所有部分。首先當點選滑鼠按鈕時，會觸發 onmousedown 事件，當釋放滑鼠按鈕時，會觸發 onmouseup 事件，最後，當完成滑鼠點選時，會觸發 onclick 事件。
JS自動彈出廣告
分析
- 在頁面指定位置隱藏一個廣告圖片（使用display屬性的none值）
- 確定onload事件併為其繫結一個函式
- 書寫函式（設定一個顯示圖片的定時操作）
- 書寫定時器中的函式（獲取廣告圖片的位置並設定屬性style的display值block）
- 清除顯示圖片的定時操作
- 書寫隱藏圖片的定時操作
- 書寫定時器 中的函式（獲取廣告圖片的位置並設定屬性style的display值none）
- 清除隱藏圖片的定時操作
JS程式碼引入方式
- 外部引入
<script type="text/javascript" src="#"></script>
- 內部引入
<script type="text/javascript" > 此處寫js程式碼即可 </script>
Window物件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Window物件</title>
<script>
confirm("您確定是否刪除");
//輸入框
prompt("請輸入價格");
</script>
</head>
<body>
</body>
</html>
History物件
window.history 物件在編寫時可不使用 window 這個字首。
為了保護使用者隱私，對 JavaScript 訪問該物件的方法做出了限制。
一些方法：
history.back() - 與在瀏覽器點選後退按鈕相同
history.forward() - 與在瀏覽器中點選按鈕向前相同
- 後退例項
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>
- 前進例項
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>
Location物件
window.location 物件用於獲得當前頁面的地址 (URL)，並把瀏覽器重定向到新的頁面。
window.location 物件在編寫時可不使用 window 這個字首。
一些例子：
location.hostname 返回 web 主機的域名
location.pathname 返回當前頁面的路徑和檔名
location.port 返回 web 主機的埠 （80 或 443）
location.protocol 返回所使用的 web 協議（http:// 或 https://）
location.href 屬性返回當前頁面的 URL。