在ASPX页面中放置JavaScript和CSS

Placement of JavaScript and CSS in ASPX page

本文关键字：JavaScript CSS ASPX      更新时间：2023-09-26

谁能建议我应该把我的JavaScript和CSS代码在ASPX页面?开头还是结尾?JavaScript和CSS的错误放置是否会影响页面的优化?

最好将它们分别放在单独的文件中，然后将它们包含在aspx页面中。这样，您就可以在多个页面上使用相同的CSS和Javascript。

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

把CSS放在页面的顶部，JavaScript放在页面的底部(在结束正文标签之前)是最好的方法，当你想让CSS和脚本在同一个页面。

你可以阅读这篇文章(所述要点在中间部分解释)-

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

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

我建议

  1. 将样式表调用放到<HEAD>元素和
    2. 的顶部
  2. 脚本在</body>标签之后的页面底部。(在某些情况下)

因为这将使你的网页加载更快。

注意:

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

So YES， javascript和css的错误放置会影响页面的优化

我想补充一点:

脚本应该保存在页面的底部，例如在</body>标签之后提供页面加载不依赖于该脚本。

注意:将脚本放在页面底部可以提高显示速度，因为脚本编译会减慢显示速度。

相关文章：