Javascript 使用document.write与jQuery append进行脚本添加

我花了时间回顾了许多关于这个主题的讨论，但没有找到我的问题的答案

在我的网站中，我试图优化我的页面加载速度，我想做的一个方法是将我的广告脚本移动到页面底部，以允许首先加载我的内容。我仍然希望广告出现在页面的中间。

<广告代码当前在页面中间的一个脚本块中，看起来像这样的< /P>

<div id="topAd">
  <script>

  document.write('<s' + 'cript lang' + 'uage="jav' + 'ascript" src="' + src + '"></' + 'scr' + 'ipt>');
  </script>
</div>

文件。写（“”）；

我想做的是在页面底部这样的事情

<script>
  var script = document.createElement('script');
  script.src = src;
  jQuery('#topAd').append(script);
</script>

var script=document.createElement（'script'）；
script.src=src；
jQuery（'#topAd'）.append（脚本）；

---

不幸的是，这总是在页面底部加载内容，而不是在“topAd”div中。有人能解释为什么会发生这种情况吗？

您的广告脚本正在使用document.write生成其内容，以便在调用时它会出现在页面上已有的任何内容之后。
您可以将原始内容放在底部，然后移动它，也许

<div id="yourRequiredDiv"></div>

<!-- more content -->

<div id="topAd">
  <script>

  document.write('<s' + 'cript lang' + 'uage="jav' + 'ascript" src="' + src + '"></' + 'scr' + 'ipt>');
  </script>
</div>

<script type="text/javascript">
    $('#yourRequiredDiv').append( $('#topAd') );
</script>
</body>

文件。写（“”）；
$（'yourRequiredIV'）。追加（$（'topAd'）；

---

这行得通吗？

您的广告脚本正在使用document.write生成其内容，以便在调用时，它将出现在页面上已有的任何内容之后。
您可以将原始内容放在底部，然后移动它，也许

<div id="yourRequiredDiv"></div>

<!-- more content -->

<div id="topAd">
  <script>

  document.write('<s' + 'cript lang' + 'uage="jav' + 'ascript" src="' + src + '"></' + 'scr' + 'ipt>');
  </script>
</div>

<script type="text/javascript">
    $('#yourRequiredDiv').append( $('#topAd') );
</script>
</body>

文件。写（“”）；
$（'yourRequiredIV'）。追加（$（'topAd'）；

这样行吗？

尝试使用iFrame

在您自己的域上创建一个为广告脚本标记服务的页面

用iFrame替换ad div

在底部添加一个脚本标记，替换iframe的位置，以便iframe服务于在步骤1中创建的页面

document.getElementById('iframeId').contentWindow.location.replace('your-page-that-serves-the-ad-script');

尝试使用iFrames

在您自己的域上创建一个为广告脚本标记服务的页面

用iFrame替换ad div

在底部添加一个脚本标记，替换iframe的位置，以便iframe服务于在步骤1中创建的页面

document.getElementById('iframeId').contentWindow.location.replace('your-page-that-serves-the-ad-script');

您的脚本必须是：

<script type="text/javascript">
var topad = $('#topAd');
    $('#yourRequiredDiv').append( topad );
</script>

var topad=$（“#topad”）；
$（'yourrequirediv'）。追加（topad）；

您的脚本必须是：

<script type="text/javascript">
var topad = $('#topAd');
    $('#yourRequiredDiv').append( topad );
</script>

var topad=$（“#topad”）；
$（'yourrequirediv'）。追加（topad）；

我用jQuery appendTo试过了。我将topAd div移到页面底部，并留下了一个占位符。然后是jQuery（'#topAd'）。appendTo（'#placeholder'）。不幸的是，当您使用jQuery重新插入脚本时，它会再次执行脚本，我最终拥有了内容的多个副本。可能有一个iframe实现，但我对iframesOh的脚本编写没有太多经验。那么，使用css绝对定位广告怎么样？或者移动所有不需要的元素点击可能会中断tho，你需要检查我认为绝对定位对我的项目有效，但感觉很脏。您对广告脚本的原始回复非常准确，我用jQuery appendTo尝试了这一点。我将topAd div移到页面底部，并留下了一个占位符。然后是jQuery（'#topAd'）。appendTo（'#placeholder'）。不幸的是，当您使用jQuery重新插入脚本时，它会再次执行脚本，我最终拥有了内容的多个副本。可能有一个iframe实现，但我对iframesOh的脚本编写没有太多经验。那么，使用css绝对定位广告怎么样？或者移动所有不需要的元素点击可能会中断tho，你需要检查我认为绝对定位对我的项目有效，但感觉很脏。你对广告剧本的最初回复很准确