0

Can anyone suggest where should I put my JavaScript and CSS code in an ASPX page? In the beginning or at the end? Does wrong placement of JavaScript and CSS affect the optimization of page?

4

4 回答 4

2

如果您将它们都放在单独的文件中,然后将它们包含在您的 aspx 页面中,那就更好了。通过这种方式,您可以在多个页面上使用相同的 CSS 和 Javascript。

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

于 2012-12-26T06:03:11.437 回答
1

当您希望 CSS 和脚本位于同一页面时,将 CSS 放在页面顶部,将 JavaScript 放在页面底部(在结束 body 标记之前)是最好的方法。

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

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

JavaScript 应该位于底部的原因是,您在 JavaScript 中访问的任何页面元素都应该首先加载到DOM. 如果你写在<head>section里,很可能是JavaScript找不到HTML中的元素而报错或者执行失败。

于 2012-12-26T06:12:19.907 回答
1

我建议

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

因为这将使您的网页加载速度更快。

笔记:

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

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

于 2012-12-26T06:13:02.200 回答
0

我想补充一点:

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

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

于 2017-07-29T11:48:55.210 回答