Question

我正在使用这个网页设计应用程序，由于某种原因，它将JS（如下所示）放在<body>标签之间而不是头标签中。

那么有没有办法使用某种形式的JS将这些代码放入HEAD标签？

<script type="text/javascript">
  $(document).ready(function(){
    $('body').rollbar({zIndex:100});
  });
</script>

原因是，我希望jQuery插件应用于'body'div，但是如果它在BODY标签中则不起作用 - 但是当它在HEAD标签中时它会起作用。如果无论如何都要动态地将代码从body标签移动到很棒的HEAD标签。我一直想知道如何以及现在是否可能

期待回复！

Answer 1

没有。至少不在页面上。无论如何，您将使用“网页设计应用程序”来解决这个问题。

Javascript无法更改未解析的DOM的任何部分。脚本标记在解析后立即执行。因此，在执行脚本标记之前，您无法移动脚本标记。即使它你移动它，它本已经运行，此时移动它将没有实际效果。

大多数有经验的Web开发人员都会对所有这些内容进行编码，以便您可以控制脚本标记所在的位置。那么我可能会建议这个“网页设计应用程序”可能没有考虑到你的最佳利益吗？

Answer 2

此代码：

<script type="text/javascript">
  $(document).ready(function(){
    $('body').rollbar({zIndex:100});
  });
</script>

只要在它之前加载jQuery，

就会在HEAD部分或BODY部分中完全相同。这是因为$(document).ready导致$('body').rollbar({zIndex:100});在文档加载之后才执行，无论原始代码从何处加载，都将是同一时间。

如果你在移动它时看到行为上的差异，那么其他东西会导致你没有透露的差异，因为只需将此代码移动到HEAD部分就不会产生差异（只要jQuery已经加载））。