Computer >> Máy Tính >  >> Lập trình >> HTML

Phương thức HTML DOM write ()


HTML DOM write () cung cấp cho người dùng chức năng viết nhiều biểu thức (HTML hoặc JavaScript) trực tiếp vào một tài liệu.

LƯU Ý - Phương thức này ghi đè mã HTML trong tài liệu, nếu có và không nối các đối số vào một dòng mới.

Cú pháp

Sau đây là cú pháp -

document.write(arguments)

Ví dụ

Hãy để chúng tôi xem một ví dụ về phương thức write () tài liệu HTML DOM -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM write()</title>
<style>
   * {
      padding: 2px;
      margin:5px;
   }
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   input[type="button"] {
      border-radius: 10px;
</style>
</head>
<body>
   <form>
      <fieldset>
         <legend>HTML-DOM-write( )</legend>
         <input id="urlSelect" type="url" placeholder="Type URL here..."><br>
         <input id="textSelect" type="text" placeholder="Full Name"><br>
         <input type="button" value="Go To" onclick="openWindow()">
         <input type="button" value="Close" onclick="closeWindow()">
         <input type="button" value="Restore" onclick="restoreWindow()">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
   <script>
      var urlSelect = document.getElementById("urlSelect");
      var textSelect = document.getElementById("textSelect");
      var winSource;
      function openWindow() {
         browseWindow = window.open(urlSelect.value, "browseWindow", "width=400, height=200");
         winSource = urlSelect.value;
         browseWindow.opener.document.getElementById("divDisplay").textContent = "Child
         Window Active";
         if(textSelect.value !== 'admin')
            browseWindow.document.write("<p><strong>Unauthorized User:
            </strong></p>","<p>"+textSelect.value+"</p>");
         }
      function closeWindow(){
         if(browseWindow){
            browseWindow.close();
            browseWindow.opener.document.getElementById("divDisplay").textContent = "Child
            Window Closed";
         }
      }
      function restoreWindow(){
         if(browseWindow.closed){
            browseWindow = window.open(winSource, "browseWindow", "width=400, height=200");
            browseWindow.opener.document.getElementById("divDisplay").textContent = "Child
            Window Restored";
         }
      }
   </script>
</body>
</html>

Đầu ra

Nhấp vào ‘Đi tới’ nút có đặt Tên đầy đủ trái phép -

Phương thức HTML DOM write ()

Nhấp vào ‘Đi tới’ nút có đặt Tên đầy đủ được ủy quyền -

Phương thức HTML DOM write ()