DHTML 代表動態超文本標記語言。 DHTML 結合了 HTML、CSS 和 JavaScript 來創建交互式動態網頁。它允許根據用戶輸入定制和更改內容。早些時候，HTML 用于創建僅定義內容結構的靜態頁面。
CSS 有助于增強頁面的外觀。然而，這些技術創造互動體驗的能力有限。 DHTML 引入了 JavaScript 和文檔對象模型 (DOM) 來使網頁變得動態。使用 DHTML，可以根據用戶操作來操作和更新網頁，從而無需為每個用戶創建單獨的靜態頁面。
我們可以使用 標簽將外部 JavaScript 文檔包含在 HTML 文檔中。另外，我們可以在 元素內的 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>
登錄后復制
以上就是DHTML JavaScript的詳細內容，更多請關注www.92cms.cn其它相關文章！
