解決document.write問題
在載人頁面后，瀏覽器輸出流自動(dòng)關(guān)閉；在此之后，任何一個(gè)對(duì)當(dāng)前頁面進(jìn)行操作的document.write()方法將打開—個(gè)新的輸出流。它將清除當(dāng)前 頁面內(nèi)容(包括源文檔的任何變量或值)、因此．假如希望用腳本生成的HTML替換當(dāng)前頁面，就必須把HTML內(nèi)容連接起來賦給一個(gè)變量、使用一個(gè) document.write()方法完成寫操作，不必清除文檔并打開一個(gè)新數(shù)據(jù)流，一個(gè)document.write()調(diào)用就可完成所有的操作。
關(guān)于document.write()方法還有一點(diǎn)要說明的是它的相關(guān)方法document.close()。腳本向窗口(不管是本窗口或其他窗口)寫完 內(nèi)容后．必須關(guān)閉輸出流。在延時(shí)腳本的最后一個(gè)document.write()方法后面．必須確保含有document.close()方法，不這樣做 就不能顯示圖片和表單。并且，任何后面調(diào)用的document.write()方法只會(huì)把內(nèi)容追加到頁面后，而不會(huì)清除現(xiàn)有內(nèi)容來寫入新值。
<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>動(dòng)感超人i</p>',
'<script>document.write("aaa");</sc' + 'ript>',
'<script>','document.write( \'<p>動(dòng)感光波</p>\' );',
'</s' + 'cript>'].join( '' );
eval_inner_JS( 'test' );
</script>
</body>
</html>
浙公網(wǎng)安備 33010602011771號(hào)