在ASPX页面中放置JavaScript和CSS

时间:2012-12-26 06:02:11

标签: javascript asp.net css

有人可以建议我应该将我的JavaScript和CSS代码放在ASPX页面中吗?在开始还是结束? JavaScript和CSS的错误放置会影响页面的优化吗?

4 个答案:

答案 0 :(得分:2)

如果你将它们都放在单独的文件中然后将它们包含在你的aspx页面中,它会更好。这样,它将使您能够在多个页面上使用相同的CSS和Javascript。

但是如果你想在一个页面中使用CSS和Javascript那么 你应该将你的css放在head标签中,你可以将javascript放在head标签之间或html之间的任何位置,但最好将javascript置于head标签之间。最好把像jquery库这样的js放在头文件中。

答案 1 :(得分:1)

将CSS放在页面顶部,而页面底部的JavaScript(关闭正文标记之前的)是将CSS和Scripts放在同一页面中的最佳方式。

您可以阅读本文(中间部分解释所述要点) -

http://developer.yahoo.com/performance/rules.html

JavaScript应该位于底部的原因是,您在JavaScript中访问的任何页面元素都应该首先加载到DOM中。如果您在<head>部分中编写它们,则可能是JavaScript无法在HTML中找到元素并报告错误或无法执行。

答案 2 :(得分:1)

我建议

  1. 将样式表调用放在<HEAD>元素的顶部和
  2. 位于</body>标记之后的页面底部的
  3. 脚本。 (在某些情况下)
  4. 因为这会使您的网页加载速度更快。

    注意:

    第二点并不总是正确的,因为在某些情况下,您希望脚本在这些脚本的帮助下执行部分内容。

    所以,javascript和css的错误放置会影响页面的优化

答案 3 :(得分:0)

我想补充一点:

脚本应保留在页面底部,例如在</body>标记之后,页面加载不依赖于该脚本。

注意:在页面底部放置脚本可提高显示速度,因为脚本编译会降低显示速度。