document.write的问题

在原有的基础上最好用容器的innerHTML来写

解决方案 »

  1.   

    在onload之前是第一种情况
    除此就是第二种情况
      

  2.   

    看看下例，上述与文档的中结点出现的顺序有关：<HTML>
    <HEAD>
    <TITLE> 我是最初的标题 </TITLE>
    <meta http-equiv="content-type" content="text/html" charset="GB2312">
    <link rel="stylesheet" type="text/css" href="">
    <script type="text/javascript" src=""></script>
    <script language="javascript" type="text/javascript">
    document.write("<INPUT TYPE='text' NAME=''><br />");
    </script>
    </HEAD><BODY onload="document.write('<title>我是经装载后的标题</title>');">
    asdfasdfasdfasdfasdfadasdfasdf
    <TABLE border='1' width='50%'>
    <TR>
    <TD>请查看源码中的标题</TD>
    <TD>asdfasdf</TD>
    </TR>
    <TR>
    <TD>asdfasdf</TD>
    <TD>asdfasdfasd</TD>
    </TR>
    </TABLE>
    </BODY>
    </HTML>
    <script language="javascript" type="text/javascript">
    document.write("<h2>Hello world!");
    </script>
      

  3.   

    <HTML>
    <HEAD>
    <TITLE> </TITLE>
    </HEAD><BODY>
    <div id="a" style="display:none">doucument.write by innerhtml</div>
    <input type=button value="click" onclick="ge()" />
    <input type=button value="click_innerhtml" onclick="ge1()" />
    <script language="javascript" type="text/javascript">document.write("<h2>document.write[on load]<br>");
    </script>
    <script language="javascript" type="text/javascript">
    function ge(){
    document.write("<h2>document.write by function");}
    document.write(window.a.innerHTML)
    function ge1(){document.write("<h2>"+window.a.innerHTML)
    }
    </script>
    </BODY>
    </HTML>
    个人见解
    由上例可见,Amwpfiqvy(布衣神相) 说的是对的。
    无论用innerhtml或者不用也好,当把document.write放在函数里执行的时候,都重新覆盖原有的HTML内容，如果加载页面的时候执行的话，则不会