JavaScript基礎學習筆記
阿新 • • 發佈：2018-03-26
定義 cli demo gpo 編程 inner div 筆記 welcome
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後，可由所有的現代瀏覽器執行。
寫入 HTML 輸出：
<!DOCTYPE html>
<html>
<body>
<p>JavaScript 能夠直接寫入 HTML 輸出流中：</p>
<script>
document.write("<h1>這是h1標簽</h1>");
document.write("<p>這是p標簽</p>");
</script>
</body>
</html>
對事件作出反應：
<!DOCTYPE html> <html> <body> <h1>對事件作出反應</h1> <p>單擊按鈕彈出welcome</p> <button type="button" onclick="alert(‘Welcome!‘)">點擊這裏</button> </body> </html>
改變html內容：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一段 JavaScript</h1>
<p id="demo">JavaScript 能改變 HTML 元素的內容。</p>
<script>
function myFunction() { //定義一個函數
x = document.getElementById("demo"); // 找到元素（用getElementById獲取頁面id=demo的元素）
x.innerHTML = "Hello JavaScript!"; // 改變內容
}
</script>
<button type="button" onclick="myFunction()">點擊這裏</button> <!--當點擊按鈕時，執行myFunction函數-->
</body>
</html>
JavaScript基礎學習筆記