Phương thức open() trong HTML DOM

Phương thức document.open() trong HTML DOM mở một luồng đầu ra (output stream) mới để ghi nội dung vào tài liệu, thay thế nội dung hiện tại.

Cú pháp

document.open(type, replace);

Ở đây type đại diện cho loại tài liệu (thường là "text/html") và replace chỉ định liệu mục lịch sử mới có kế thừa lịch sử từ tài liệu mở nó hay không.

Ví dụ

Ví dụ sử dụng phương thức open():

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; color: #fff; background: #ff7f5094; }
  .btn { background: #0197F6; border: none; height: 2rem; border-radius: 2px; width: 35%; margin: 2rem auto; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
</head>
<body>
<h1>Demo phương thức open() DOM</h1>
<button onclick="openMethod()" class="btn">Nhấn để thử phương thức Open()</button>
<script>
  function openMethod() {
    document.open();
    document.write(`
      <style>
        body { text-align: center; color: #fff; background: #ff7f5094; }
      </style>
      <h1>Demo phương thức open() DOM</h1>
      <p>Tài liệu mới</p>
    `);
    document.close();
  }
</script>
</body>
</html>

Kết quả

Nhấn nút Xanh dương để mở một luồng đầu ra mới sử dụng phương thức open().