week5 - stayjay/wp109b GitHub Wiki
-
HTML來定義網頁的內容
-
CSS來指定網頁的佈局
-
JavaScript對網頁行為進行編程
JavaScript 接受雙引號和單引號
JavaScript 接受雙引號和單引號
JavaScript 可以改變 HTML 樣式 (CSS) 更改 HTML 元素的樣式是更改 HTML 屬性的一種變體: 例子
document.getElementById("demo").style.fontSize = "35px";
可以通過更改display樣式來隱藏 HTML 元素: 例子
document.getElementById("demo").style.display = "none";
也可以通過更改display樣式來顯示隱藏的 HTML 元素: 例子
document.getElementById("demo").style.display = "block";
在 HTML 中,JavaScript 代碼插入在<script>和</script>標籤之間
JavaScriptfunction是一段 JavaScript 代碼,可以在“調用”時執行。
例如,可以在事件發生時調用函數,例如用戶單擊按鈕時。
或 中的 JavaScript 您可以在 HTML 文檔中放置任意數量的腳本。腳本可以放在
, 或HTML 頁面的部分,或兩者中。在此示例中,JavaScriptfunction被放置在
HTML 頁面的部分中。單擊按鈕時調用(調用)該函數
在此示例中,JavaScriptfunction被放置在
HTML 頁面的部分中。單擊按鈕時調用(調用)該函數
腳本也可以放在外部文件中:
外部文件:myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
當在許多不同的網頁中使用相同的代碼時,外部腳本是實用的。
JavaScript 文件的文件擴展名為.js。
要使用外部腳本,請將腳本文件的名稱放在標籤的src(source) 屬性中<script>: 例子
<script src="myScript.js"></script>
將腳本放在外部文件中有一些優點:
它將 HTML 和代碼分開 它使 HTML 和 JavaScript 更易於閱讀和維護 緩存的 JavaScript 文件可以加快頁面加載速度