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

Question

我正在嘗試在文章內調用Google廣告代碼，但是我不想在文章中間插入廣告代碼。 為此，我正在嘗試像波紋管一樣的東西，但是由於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元素中的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 。 請參閱規范中的警告。