2. 程式人生 > >關於document的三個方法：open、write、close

關於document的三個方法：open、write、close

阿新 • • 發佈：2019-01-10

document.open會開啟一個新文件，清除已載入的文件；document.write在HTML載入後呼叫會導致open方法呼叫一次；document.close會關閉開啟的文件。

直接看程式碼和效果圖：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible"
 
 content="ie=edge">
    <title>關於write</title>
</head>
<body>
    <h1>HTML - 1</h1>

    <script>
        function doAsync(fun){
            setTimeout(fun, 3000);
        }
        //呼叫document.open，清除當前文件，但是需要HTML載入完成後有效
        document.open();
        //文件載入未完成
 

        //指令碼阻塞HTML解析，write會向文件流新增內容
        document.write("<h1>這裡呼叫open、close無效 [文件未載入完成]</h1>");
        document.open();
        document.close();
        document.open();
        document.close();
        doAsync(()=>{
            //文件已載入
            //呼叫document.write會導致document.open呼叫一次
 

            //document.open會清除前文件並開始一個新的文件
            document.write("<h1>文件載入結束。呼叫open，清除原文件</h1>");
            document.write("<h1>這次沒呼叫open，保持追加</h1>");
            //document.write方法不會導致document.close呼叫，需要手動呼叫
            //document.close之後，如果再呼叫document.write，會導致document.open呼叫一次
            document.close();

            doAsync(()=>{
                document.open();
                document.write("<h1>這裡手動呼叫open，原文件被清除</h1>");
                //呼叫document.open會清除頁面，即便沒有close
                document.open();
                document.write("<h1>這裡手動呼叫open，原文件被清除</h1>");
                document.close();
            });

        });
    </script>

    <h1>HTML - 2</h1>
</body>
</html>

這裡寫圖片描述

相關推薦

關於document的三個方法：open、write、close

document.open會開啟一個新文件，清除已載入的文件；document.write在HTML載入後呼叫會導致open方法呼叫一次；document.close會關閉開啟的文件。 直接看程式碼和效果圖： <!DOCTYPE html> &l

詳述目標檢測最常用的三個模型：Faster R-CNN、SSD和YOLO

最近做一些關於Faster R-CNN、SSD和YOLO模型選擇和優化的專案，之前只瞭解Faster R-CNN系列目標檢測方法，於是抽空梳理一下這幾個檢測模型。先上兩張簡單的精確度和運算量的對比圖，有個粗略的瞭解，雖然圖中缺了YOLO，參考價值仍然很大： 下面開始分別

面向對象的三個特點：封裝、繼承、多態

super student tostring 會有 我們 強行 span json 使用 封裝 1、封裝的概念 所謂封裝，就是指隱藏內部的細節，不暴露在外面。 把構造函數裏的this改成 _price； 在js裏面，實現封裝的方法非常簡單，只需要在聲明屬性

程序員發展的三個維度：專業、展現與連接

出了 裏來 訂閱 大小 com 攝影師 綜合 存在 神奇 曾經在和朋友的閑聊中，聊到了關於個人發展的問題。後來討論出一個 PPC 理論，該理論粗略地把涉及個人發展的方向分成了三個維度，包括： 專業 Profession 展現 Presentation 連接 Connec

python讀文件的三個方法read()、readline()、readlines()詳解

pytho class readline col 變量 type 返回 限制 log """ 1、讀取文件的三個方法：read()、readline()、readlines() 2、三個方法均可接受一個變量用以限制每次讀取的數據量，通常不使用該變量。 """

【Javascript】JS遍歷陣列的三種方法：map、forEach、filter

前言 　　近一段時間，因為專案原因，會經常在前端對陣列進行遍歷、處理，JS自帶的遍歷方法有很多種，往往不加留意，就可能導致知識混亂的現象，並且其中還存在一些坑。前端時間在ediary中總結了js原生自帶的常用的對陣列遍歷處理的方法，分別為：map、forEach、filter，在講解知識點的同時，會類比相識

ByteBuffer中的 clear、flip、rewind三個方法區別、以及如何使用

  我在網上搜索了很多，大部分都是說針對mark、limit、capacity、position 標誌量來解釋的，ok！我想補充一下，從如何應用的方面來說明其含義。  例如：  1、有一個檔案共有20個字元:      abc

壓力測試衡量CPU的三個指標：CPU Utilization、Load Average和Context Switch Rate

版權宣告：本文為博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/marising/article/details/5182771 CPU Utilization 好理解，就是CPU的利用率，75%以上就比較高了（也有說法是80%或者

View 的setVisibility有三個值：VISIBLE、INVISIBLE和GONE的區別

View 的setVisibility有三個值可以設定： VISIBLE—>可見 INVISIBLE—>不可見，但這個View在ViewGroupt中仍保留它的位置，不重新layout GONE—->不可見，但這個View在ViewGroupt中不保留位置，重新l

SQL關於刪除的三個語句：DROP、TRUNCATE、 DELETE 的區別。

truncate table 命令將快速刪除資料表中的所有記錄，但保留資料表結構。這種快速刪除與 delete from 資料表的刪除全部資料表記錄不一樣，delete 命令刪除的資料將儲存在系統回滾段中，需要的時候，資料可以回滾恢復，而 truncate 命令刪除的資料是不

MySQL關於刪除的三個語句：DROP、TRUNCATE、 DELETE 的區別。

DROP: DROP TABLE test; 刪除表test，並釋放空間，將test刪除的一乾二淨。 TRUNCATE: TRUNCATE test; 刪除表test裡的內容，並釋放空間，但不刪除表的定義，表的結構還在。 DELETE: 1、刪除指定資料 刪

質量管理三個概念：QC、QA和QM，你能分得清嗎？

今天這裡談的QC、QA和QM，不是崗位或職位，而是一種概念或質量管理的不同時期所關注的重點。1、產品早期的質量管理（工業化雛形期）側重於對終產品的檢測、測試，即QC（品質控制）時代。這個時期的質量管理是以產品為主，在生產人員完成了生產任務後，有專門的人員（簡稱品控人員或QC人

JMM與併發相關的三個特性：原子性、可見性和有序性

一、原子性（Atomicity） 由Java記憶體模型來直接保證的原子性變數操作包括read、load、assign、use、store和write這六個，我們大致可以認為基本資料型別的訪問讀寫是具備原子性的，如果應用場景需要一個更大範圍的原子性保證，Java記憶體模型還提供了lock和unlock

SQL 刪除的三個語句：DROP、TRUNCATE、 DELETE 的區別

轉載：http://www.runoob.com/sql/sql-delete.html DROP: DROP test; 刪除表test，並釋放空間，將test刪除的一乾二淨。 TRUNCATE: TRUNCATE test; 刪除表test

質量管理三個概念：QC、QA和QM 解析

今天這裡談的QC、QA和QM，不是崗位或職位，而是一種概念或質量管理的不同時期所關注的重點。 1、產品 早期的質量管理（工業化雛形期）側重於對終產品的檢測、測試，即QC（品質控制）時代。 這個時期的質量管理是以產品為主，在生產人員完成了生產任務後，有專門的人員（簡稱品控人員或QC人員），

人工智慧的三個分支：認知、機器學習、深度學習

人工智慧進入了一切領域——從自動駕駛汽車，到自動回覆電子郵件，再到智慧家居。 你似乎可以獲得任何商品（例如醫療健康，飛行，旅行等），並通過人工智慧的特殊應用使其更加智慧。所以除非你相信事件具有終結者般的轉折，你可能會問自己，人工智慧能夠預示著工作場所或整體的業務線的什麼利益。

JS設定cookie、讀取cookie、刪除cookie的三個方法

JavaScript是執行在客戶端的指令碼，因此一般是不能夠設定Session的，因為Session是執行在伺服器端的。 而cookie是執行在客戶端的，所以可以用JS來設定cookie. 假設有這樣一種情況，在某個用例流程中，由A頁面跳至B頁面，若在A頁

為什麼SpringAOP使用JDK動態代理時好像沒有代理Object.[equals()、hashCode()、toString()]這三個方法

* Spring的AOP是通過JDK動態代理或者CGLib來生成目標物件的代理物件，然後將增強功能（Aspect【包括了Advice和Pointcut】）織入到符合條件（Pointcut）的類的方法（JoinPoint）上。 //這是JDK

Java複習-併發程式設計中的三個問題：原子性、可見性和有序性

在併發程式設計中，我們通常會遇到以下三個問題：原子性問題，可見性問題，有序性問題。 1、原子性： 原子性：即一個操作或者多個操作 要麼全部執行並且執行的過程不會被任何因素打斷，要麼就都不執行。 2、可

資料預處理的幾個方法：白化、去均值、歸一化、PCA

以上轉載自：http://ufldl.stanford.edu/wiki/index.php/%E7%99%BD%E5%8C%96 假定資料表示成矩陣為X，其中我們假定X是[N*D]維矩陣(N是樣本資料量，D為單張圖片的資料向量長度)。