将脚本标签添加到DIV元素和加载代码

Question

好吧，这是我遇到的问题。我发现了100个类似线程，但它们都没有涵盖问题。

我有一个 < div id="ad_space_id">< /div> 元素。我要做的是将脚本标签添加到该div。我所做的是：

src = https://ad.doubleclick.net/ddm/adj/N378.150781.4704472308521/B5632202.128522416;sz=300x250;ord=[timestamp];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=?
var adScript = document.createElement('script');
adScript.type = 'text/javascript';
adScript.setAttribute('src', src);
document.getElementById(adDivId).appendChild(adScript);

所有这些都应动态完成，即加载页面后。我从xmlhttprequest获得的src。

当我查看HTML输出时，一切看起来都很好：

<div id="ad_space_1"><script type="text/javascript"
 src="https://ad.doubleclick.net/ddm/adj/N378.150781.4704472308521/B5632202.128522416;sz=300x250;ord= [timestamp];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=?"></script>
</div>)

我的问题是，代码不会执行。（如果我将该代码粘贴到HTML文件中并将其加载到浏览器中，则可以正常工作）。

有人可以在这里提供帮助吗？！？

Answer 1

它不执行，因为脚本标签在元素内部

您需要了解有关DOM（文档对象模型）加载以及JavaScript如何加载

的更多信息

当您尝试执行JavaScript时，您的DIV尚未准备就绪。

您应该在本教程中观看视频6和7，它解释了许多JavaScript加载和放置脚本代码的重要性：

https://www.youtube.com/watch?v=geosqccmlatw& index=6＆amp;list=pl6n9fhu94yhua99nosjkkxbxbqokt3mbk0b

要确保DIV加载到DOM中，您需要将其放在HTML之前（上），脚本功能应在关闭的主体标签之前放置，以便DOM可以准备好您的脚本代码与脚本代码进行交互它

<div id="ad_space_id"></div>
<script type="text/javascript">
    // function call to do something with the div
</script>