資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚研究
法律研究DHTML JavaScript
DHTML 的全稱是動態超文字標記語言。DHTML 結合 HTML、CSS 和 JavaScript 來建立互動式動態網頁。它允許基於使用者輸入進行自定義和內容更改。之前，HTML 用於建立僅定義內容結構的靜態頁面。
CSS 有助於增強頁面的外觀。但是，這些技術在建立互動式體驗方面的能力有限。DHTML 引入了 JavaScript 和文件物件模型 (DOM) 來使網頁動態化。使用 DHTML，網頁可以根據使用者操作進行控制和更新，從而無需為每個使用者建立單獨的靜態頁面。
我們可以使用 <src> 標籤在 HTML 文件中包含外部 JavaScript 文件。此外，我們可以在 <script> 元素內的 HTML 文件中包含 JavaScript。
以下是我們可以使用 JavaScript 執行的一些任務；執行 HTML 任務、執行 CSS 任務、處理事件等。
執行 HTML 任務
執行 CSS 任務
處理事件等
示例
在以下示例中，我們使用 HTML DOM document.getElementById() 方法更改 id = "demo" 元素的文字內容 −
<!DOCTYPE html>
<html>
<body>
<h1>Welcome to Tutorialspoint</h1>
<p id = "demo"> Text will be modified</p>
<script>
document.getElementById("demo").innerHTML = "Simply Easy Learning at your fingertips...";
</script>
</body>
</html>
示例
在下例中，我們建立一個函式，在使用者單擊按鈕時呼叫此函式，該函式會更改文字的背景色並在螢幕上顯示警告。
<!DOCTYPE html>
<html>
<head>
<style>
#demo{
display: flex;
margin: auto;
justify-content: center;
}
input{
display: flex;
margin: auto;
justify-content: center;
}
</style>
<h1 id = "demo"> Tutorialspoint </h1>
<input type = "submit" onclick = "btn()"/>
<script>
function btn() {
document.getElementById("demo").style.backgroundColor = "seagreen";
window.alert("Background color changed to seagreen");
}
</script>
</head>
</html>
更新時間： 2023 年 8 月 4 日
4K+ 瀏覽量
廣告