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

Phương thức dừng cửa sổ DOM HTML ()


HTML DOM Window stop () cung cấp cho người dùng chức năng dừng tải tài nguyên của cửa sổ mà không cần nhấp vào nút dừng của trình duyệt.

Cú pháp

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

window.stop()

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Window stop()</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-Window-stop( )</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() {
         if(textSelect.value === 'admin'){
            browseWindow = window.open(urlSelect.value, "browseWindow", "width=400, height200");
            winSource = urlSelect.value;
            browseWindow.opener.document.getElementById("divDisplay").textContent = "Child
            Window Active";
         } else {
            window.stop();
            document.getElementById("divDisplay").textContent = "Child Window Stopped";
         }
      }
      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 dừng cửa sổ DOM HTML ()

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

Phương thức dừng cửa sổ DOM HTML ()