資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 指令碼物件
DOM 指令碼物件表示 HTML 文件的 <script> 元素。
建立指令碼物件
語法
以下是語法 −
document.createElement(“SCRIPT”);
指令碼物件屬性
| 屬性 | 說明 |
|---|---|
| async | 返回和更改指令碼是否應非同步執行。 |
| charset | 返回和修改 HTML 文件中指令碼元素的 charset 屬性的值。 |
| defer | 返回和修改 HTML 文件中指令碼元素的 src 屬性的值。 |
| src | 返回並修改是否應在頁面完成解析後執行指令碼。 |
| crossOrigin | 返回並修改 HTML 文件中指令碼的 CORS 設定。 |
| text | 返回並修改 HTML 文件中指令碼的子項的所有文字節點的文字。 |
| type | 返回並修改 HTML 文件中指令碼元素的 type 屬性的值。 |
示例
讓我們看一個指令碼物件的示例 −
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.drop-down{
width:35%;
border:2px solid #fff;
font-weight:bold;
padding:8px;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM Script Object Demo</h1>
<button onclick="createScript()" class="btn">Create a script object</button>
<script>
function createScript() {
var scriptElement = document.createElement("SCRIPT");
scriptElement.innerHTML="confirm('Are you able to create a script element?')";
document.body.appendChild(scriptElement);
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選 “建立一個指令碼物件” 按鈕來建立一個指令碼物件 −
更新於： 01-07-2020
189 次瀏覽
廣告