Đối tượng Script trong HTML DOM

Đối tượng Script trong HTML DOM đại diện cho phần tử <script> của một tài liệu HTML. Đối tượng này cho phép tạo và thao tác với các script động.

Tạo đối tượng script

Cú pháp

document.createElement("SCRIPT");

Các thuộc tính của đối tượng script

Thuộc tính	Mô tả
async	Lấy và thiết lập việc script có thực thi bất đồng bộ hay không.
charset	Lấy và thay đổi giá trị thuộc tính charset của phần tử script.
defer	Lấy và thiết lập việc script có thực thi sau khi trang tải xong hay không.
src	Lấy và thay đổi giá trị thuộc tính src của phần tử script.
crossOrigin	Lấy và thiết lập cài đặt CORS của script.
text	Lấy và thay đổi nội dung văn bản của phần tử script.
type	Lấy và thay đổi giá trị thuộc tính type của phần tử script.

Ví dụ

Ví dụ tạo đối tượng script động:

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #fff; color: #0197F6; }
  h1 { color: #23CE6B; }
  .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>Demo đối tượng Script DOM</h1>
<button onclick="createScript()" class="btn">Tạo đối tượng script</button>
<script>
  function createScript() {
    var scriptElement = document.createElement("SCRIPT");
    scriptElement.innerHTML = "confirm('Bạn có thể tạo phần tử script?')";
    document.body.appendChild(scriptElement);
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Tạo đối tượng script để tạo một đối tượng script mới.