2

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

那么有没有办法使用某种形式的 JS 将此代码放入 HEAD 标记中?

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

这样做的原因是,我希望 jQuery 插件适用于“body”div,但如果它位于 BODY 标签中则不起作用 - 但它位于 HEAD 标签中时会起作用。如果无论如何动态地将代码从 body 标签移动到 HEAD 标签,那就太棒了。我一直想知道如何/现在是否有可能

期待回复!

4

2 回答 2

0

这段代码:

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

只要在它之前加载了 jQuery,无论是在 HEAD 部分还是在 BODY 部分中,它的工作原理都是一样的。这是因为$(document).ready导致$('body').rollbar({zIndex:100});文档加载后才会执行,无论原始代码从哪里加载,这将是同一时间。

如果您在移动它时看到行为上的差异,那么其他原因导致了您尚未披露的差异,因为简单地将这段代码移动到 HEAD 部分不会导致差异(只要 jQuery 已经加载)。

于 2012-08-04T00:59:20.750 回答
0

不,至少不在页面上。无论是什么,您都将使用您的“网页设计应用程序”来解决这个问题。

Javascript 不能更改 DOM 中未解析的任何部分。脚本标签在解析后立即执行。因此,在脚本标签执行之前,您不能移动它。即使您确实移动了它,它也会已经运行,此时移动它不会产生任何实际影响。

大多数有经验的 Web 开发人员都会手工编写所有这些东西的代码,这样您就可以控制脚本标签的位置等事情。那么我是否可以建议这个“网页设计应用程序”可能没有考虑到您的最大利益?

于 2012-08-04T00:15:19.450 回答