javascript - 如何使用 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 中的警告.