HTML DOM 脚本对象

htmlweb developmentfront end technology更新于 2025/6/5 6:04:17

DOM 脚本对象表示 HTML 文档的 <script> 元素。

创建脚本对象

语法

以下是语法 −

document.createElement(“SCRIPT”);

script 对象的属性

属性	说明
async	返回并修改脚本是否应异步执行。
charset	返回并修改 HTML 文档中 script 元素的 charset 属性值。
defer	返回并修改 HTML 文档中 script 元素的 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>