資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究為什麼我們在 HTML 中使用 JavaScript？
首先，我們將學習什麼是 JavaScript。當一個網站不僅僅是展示靜態資訊，例如顯示及時的內容更新、互動式地圖、動畫 2D/3D 視覺化效果、滾動影片播放器等時，幾乎肯定使用了 JavaScript。此外，您可以使用指令碼或程式語言 JavaScript 向網站新增高階功能。標準 Web 技術組成的分層蛋糕的前兩層是 HTML 和 CSS。這是第三層。
網頁的層
我們用來構建和定義 Web 內容含義的標記語言稱為 HTML。使用 HTML，我們可以定義段落、標題和資料表，並將影像和影片嵌入網頁中。
CSS（層疊樣式表）是一種樣式規則語言，我們使用它來應用樣式到我們的 HTML 內容，例如設定背景顏色和字型，並將其組織成多個列。
JavaScript 是一種指令碼語言，使您能夠做任何事情，包括構建動態更新的材料、管理多媒體和動畫圖形。使用幾行 JavaScript 程式碼可以完成的事情非常出色。
JavaScript 在 Web 開發中的用途
JavaScript 是一種用於 Web 的計算機語言。JavaScript 可用於更新和修改 HTML 和 CSS。它可以用於計算、更改和驗證資料。使用者可以使用 JavaScript 與網頁互動。JavaScript 可以實現的功能幾乎沒有限制；以下只是一些在網頁上使用它的示例 -
您可以透過按下按鈕來顯示或隱藏更多資訊。
當滑鼠懸停在按鈕上時，按鈕的顏色會發生變化。
該網站有一個您可以滾動的影像輪播。
放大或縮小照片，在網站上使用計時器或倒計時，
在頁面中播放音訊和影片內容，
動畫和顯示，使用漢堡包下拉選單等等。
JavaScript 在網頁上的作用
當您在瀏覽器中載入網頁時（瀏覽器標籤頁），您將在執行環境中執行程式碼（HTML、CSS 和 JavaScript）。這類似於一個工廠，它輸入原材料（程式碼）並生產成品（網頁）。
透過文件物件模型 API，JavaScript 通常用於編輯 HTML 和 CSS 以動態更新使用者體驗。請記住，您的 Web 文件的程式碼通常按照其在頁面上出現的順序載入和執行。如果 JavaScript 在 HTML 和 CSS 之前載入和執行，並且它旨在修改它們，則可能會發生錯誤。
如何將 JavaScript 新增到頁面？
與 CSS 應用於 HTML 頁面類似，JavaScript 也是如此。但是，JavaScript 需要一個 HTML 標籤，即 <script>。
在下面的示例中，我們將學習使用者如何在 HTML 檔案中使用 script 元素將 JavaScript 程式碼嵌入到 head 標籤中。
示例
如下例所示，我們在 HTML 檔案中嵌入了 JavaScript 來修改 HTML。在 script 標籤內，我們建立了一個名為“ParaChange”的函式。我們在 body 標籤內建立了一個“點選此處”按鈕。按鈕的點選事件將呼叫 ParaChange 函式。該函式使用 DOM 的 document.getElementById() 操作 p 標籤並更改語句。
<html>
<head>
<script>
// inside the head tag is a script tag.
// The onclick event calls the parachange function
function ParaChange() {
document.getElementById("para").innerHTML = "The line has changed.";
}
</script>
</head>
<body>
<h2>Including JavaScript in HTML document in <i>Head tag</i></h2>
<p id="para">The is a line</p>
<button type="button" onclick="ParaChange()">Click Here</button>
</body>
</html>
使用者可能會注意到，由於點選了按鈕，p 標籤內的段落行在點選事件中發生了變化。這是因為在 head 標籤的 script 標籤內編寫的“ParaChange”函式在此點選事件期間被呼叫。
這樣，我們可以透過編寫複雜的程式碼來建立靈活和動態的頁面，從而在 HTML 中使用 JavaScript。
1K+ 閱讀量
