详解Document.write()方法

document.write()方法可以用在两个方面：

     1.页面载入过程中，用脚本加入新的页面内容。
     2.用延时脚本创建本窗口或新窗口的内容。

该方法需要一个字符串参数，它是写到窗口或框架中的HTML内容。这些字符串参数可以是变量或值为字符串的表达式，写入的内容常常包括HTML标记语言。如下面代码，教务系统框架载入子页

Html代码

<span style="font-size:18px;">                    <!--将框架放入单元格中-->  
                    <td class="index-table-middle-center" valign="top" id="content-container">  
                        <div id="loading">  
                            //加载效果图标  
                            <img src="images/loading.gif" alt="loading" border="0" />  
                        </div>  
                        <script type="text/javascript">  
                            //调用JS的OutputIFrame函数，形成框架  
                            Index.OutputIframe();  
                        </script>  
                    </td></span>  

js代码

<span style="font-size:18px;">//输出框架  
Index.OutputIframe = function () {  
    var scrolling = $.isIE6 == true ? 'yes' : 'auto';  
    document.write('<iframe id="content" width="100%" height="100%" class="hide" marginwidth="0" marginheight="0" frameborder="0" scrolling="' + scrolling + '" onload="$(\'#loading\').hide();$(this).show();" src=""></iframe>');  
};</span>  

在载入页面后，浏览器输出流自动关闭。在此之后，任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。因此，假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量，使用一个document.write()方法完成写操作。

关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后，必须关闭输出流。在延时脚本的最后一个document.write()方法后面，必须确保含有document.close()方法，不这样做就不能显示图像和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。

转载于:https://my.oschina.net/u/2929937/blog/1505800