javascript - 使用 Jquery 在 div 之后插入/加载 javascript 文件

Question

我想插入此广告代码。

 <script type="text/javascript" src="http://website.com/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>

紧接着

<div id="adminmenu"></div>

这样脚本的输出就会显示在adminmenudiv之后

有没有办法使用 jquery 做到这一点？我试过.insertAfter了，但它只适用于纯 html。

Answer 1

首先在隐藏的临时容器中渲染内容：

<div class="temp">
    <script type="text/javascript" src="http://website.com/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>
</div>

然后在渲染后移动内容：

$('.temp').contents().appendTo(finalDestination) 

Answer 2

如果脚本document.write()用于发出内容，那么您必须将脚本放置在您希望内容去的地方。

如果您控制脚本，那么您可以让脚本在默认情况下不发出其内容，您可以在脚本中调用一个函数并传递一个父对象，该对象指示脚本应该将其内容放在哪里（它不会document.write()用来创建）。

唯一的其他选择是在脚本周围放置一个 div，让它将内容发送到该 div 中，然后在运行后将该容器 div 移动到页面中的另一个位置。

<div id="ads">
<script type="text/javascript" src="http://website.com/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>
</div>
<script>
$(document).ready(function() {
    $("#ads").appendTo("#myFooter");
});
</script>

我不确定您到底想问什么关于 jQuery 的问题。jQuery 能够在页面中任何你想要的地方插入动态创建的内容。您必须提出更具体的问题，以便我们提供更详细的建议。