如何通過使用insertAdjacentHTML方法在文章中顯示javascript廣告單元

Question

我想在文章中調用谷歌廣告的意義代碼，但我不想在文章中間過去廣告檢測代碼。爲此，我嘗試了一些類似於波紋管的東西，但由於Java腳本問題，它不像我期望的那樣工作。

<script> 
 
var x = document.getElementById("myArticle").querySelectorAll("p"); 
 
x[1].insertAdjacentHTML('beforeBegin', '<script>document.write(2+1)</script>'); 
 
</script>

<div id="myArticle"> 
 
    <p>A heading with class="example" in div</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
</div>

Answer 1

的問題是，你的字符串裏面</script>終止腳本。

您可以使用類似"</sc" + "ript>"或"<\/script>"來防止這種情況。

var x = document.getElementById("myArticle").querySelectorAll("p"); 
 
x[1].insertAdjacentHTML('beforeBegin', '<script>document.write(2+1)<\/script>');

<div id="myArticle"> 
 
    <p>A heading with class="example" in div</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
</div>

注意插入像這樣script元素腳本不會自動運行。如果你想運行一些字符串，你可以使用eval。小心使用它。

eval('document.write(2+1)');

<div id="myArticle"> 
 
    <p>A heading with class="example" in div</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
    <p>A paragraph with class="example" in div.</p> 
 
</div>

你不應該使用document.write，雖然。請參閱the spec中的警告。