文檔準備好錯誤

我試圖運行此代碼，但它打破了我的整個頁面。該頁面進行了標記，像這樣：文檔準備好錯誤

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#right_column h1").each(function() { 
    var link = $(this).html()+"<br />"; 
    document.write(link); 
}); 
}); 
</script> 
<div id="right_column"> 
<h1>Company Profile</h1> 
blablablablabla<br /> 

<h1>Nulla turpis nunc, dapibus ultricies.</h1> 
blablablabla<br /> 
<h1>Pellentesque habitant morbi tristique proin laoreet.</h1> 
blablablabla<br />

當我嘗試運行代碼，那隻能說明我3條H1的內容，該頁面的其餘部分（H1的本身）不再被加載。當我刪除$（document）.ready（）函數，並把腳本塊放在一切之後時，它工作得很好。

來源

2013-04-17 Pim van den Broek

不要使用'document.write'！那就是問題所在。它正在擦除你的整個頁面！ –

http://stackoverflow.com/questions/802854/why-is-document-write-considered-a-bad-practice –

閱讀文檔後請勿使用document.write。

如果要追加到的頁面，這樣做：

$(document).ready(function() { 
    $("#right_column h1").each(function() { 
     var link = $(this).html()+"<br />"; 
     $(document.body).append($(link)); 
    }); 
    });

來源

2013-04-17 18:48:56

更改爲此工作 - > $（document）.ready（function（）{ $ （「#right_column H1」），每個（函數（）{ VAR鏈路= $（本）的.html（）+ 「
」; $（「＃location_where_i_wanted_them_to_show」）附加（鏈接）; }）; }）; $（link）應該只是鏈接 –

我會用這樣的：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#right_column h1").each(function() { 
    var link = $(this).html()+"<br />"; 
    $("#container-element").html('<a href="' + link + '">TEXT-YOU-WANT</a>'); 
}); 
}); 
</script>

來源

2013-04-17 18:54:47

文檔準備好錯誤

回答

相關問題