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基礎學習筆記