首頁 > 其他

解決document.write問題

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

      在載人頁面後，瀏覽器輸出資料流自動關閉；在此之後，任何一個對當前頁面進行操作的document.write()方法將開啟—個新的輸出資料流。它將清除當前 頁面內容(包括來源文件的任何變數或值)、因此．假如希望用指令碼產生的HTML替換當前頁面，就必須把HTML內容串連起來賦給一個變數、使用一個 document.write()方法完成寫操作，不必清除文檔並開啟一個新資料流，一個document.write()調用就可完成所有的操作。 

　　關於document.write()方法還有一點要說明的是它的相關方法document.close()。指令碼向視窗(不管是本視窗或其他視窗)寫完 內容後．必須關閉輸出資料流。在延時指令碼的最後一個document.write()方法後面．必須確保含有document.close()方法，不這樣做 就不能顯示圖片和表單。並且，任何後面調用的document.write()方法只會把內容追加到頁面後，而不會清除現有內容來寫入新值。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<script>
(function()
{
var isIE = !!( window.attachEvent && !window.opera );
function $( id )
{
　　return document.getElementById( id ) || id;
}

function appendHTML( p, str )
{
　　p = $( p );
　　var tmp = document.createElement( 'div' );
　　tmp.innerHTML = str;
　　while ( tmp.firstChild )
　　{
　　　　p.appendChild( tmp.firstChild );
　　}
}

function each( a, func )
{
　　for ( var i = 0, j = a.length; i < j; i ++ )
　　{
　　　　func( i, a[ i ] );
　　}
}

function eval_inner_JS( el )
{
　　var _write = document.write;
　　var _writeln = document.writeln;

　　document.write = function( str )
　　{
　　　　_inner_js.push( str );
　　}

　　document.writeln = function( str )
　　{
　　　　_inner_js.push( str + '\n' );
　　}

　　var _inner_js = [];
　　var _js = $( el ).getElementsByTagName( 'script' );
　　var _js_qu = [];
　　each( _js, function( i, v )
　　{
　　　　_js_qu.push( v );
　　});
　　_js = null;
　　function reset()
　　{
　　　　document.write = _write;
　　　　document.writeln = _writeln;
　　}

　　function renderHTML( s )
　　{
　　　　if ( _inner_js.length !== 0 )
　　　　{
　　　　　　var tmp = document.createDocumentFragment();
　　　　　　appendHTML( tmp, _inner_js.join( '' ) );
　　　　　　s.parentNode.insertBefore( tmp, s );
　　　　}
　　}
　　function loadJS()
　　{
　　　　var s = _js_qu.shift();
　　　　if ( !s )
　　　　{
　　　　　　return;
　　　　}
　　　　_inner_js = [];

　　　　if ( !s.src )
　　　　{
　　　　　　eval( s.innerHTML );
　　　　　　renderHTML( s );
　　　　　　loadJS();
　　　　　　if ( !_js_qu ) reset();
　　　　　　return;
　　　　}

　　　　function onload()
　　　　{
　　　　　　renderHTML( script );
　　　　　　loadJS();
　　　　　　if ( !_js_qu ) reset();
　　　　}

　　　　var script = document.createElement( 'script' );
　　　　script.type = 'text/javascript';
　　　　script.src = s.src;
　　　　if ( isIE )
　　　　{
　　　　　　script.onreadystatechange = function()
　　　　　　{
　　　　　　　　if ( ( this.readyState == 'loaded' || this.readyState == 'complete' ) && !this.hasLoad )
　　　　　　　　{
　　　　　　　　　　this.hasLoad = true;
　　　　　　　　　　onload();
　　　　　　　　}
　　　　　　}
　　　　}else{
　　　　　　script.onload = onload;
　　}
s.parentNode.replaceChild( script, s );
}
loadJS();
};
window.eval_inner_JS = eval_inner_JS;
window.$ = $;
})();
</script>
<body>
<div id="test"></div>
<script>
$( 'test' ).innerHTML = [
'<p>動感超人i</p>',
'<script>document.write("aaa");</sc' + 'ript>',
'<script>','document.write( \'<p>動感光波</p>\' );',
'</s' + 'cript>'].join( '' );
eval_inner_JS( 'test' );
</script>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More