JavaScript和CSS在ASPX页面中的放置
[英]Placement of JavaScript and CSS in ASPX page
问题描述
谁能建议我将JavaScript和CSS代码放在ASPX页面的什么位置？ 在开始还是结束？ JavaScript和CSS的错误放置是否会影响页面的优化？
4 个解决方案
解决方案1
2 2012-12-26 06:03:11
如果将它们都放在单独的文件中，然后将它们包含在aspx页中，则效果更好。 这样，您就可以在多个页面上使用相同的CSS和Javascript。
但是，如果您只想在单个页面中使用CSS和Javascript，则应将CSS放在head标签中。可以将javascript放在head标签之间或html之间的任何位置，但最好的放置JavaScript的地方是head标签之间。 最好将js之类的jquery库文件放在头部。
解决方案2
1 2012-12-26 06:12:19
当您希望CSS和Scripts位于同一页面时，将CSS放在页面顶部，将JavaScript放在页面底部（ 在body标记之前 ）是最好的方法。
您可以阅读本文（ 陈述的要点在中间部分中进行了说明 ）-
http://developer.yahoo.com/performance/rules.html
JavaScript应该位于底部的原因是，您在JavaScript中访问的所有页面元素都应首先加载到DOM 。 如果在<head>部分中编写它们，则JavaScript可能无法在HTML中找到元素并报告错误或无法执行。
解决方案3
1 2012-12-26 06:13:02
我建议
- 将样式表调用放在
<HEAD>元素的顶部，然后 - 页面底部
</body>标记之后的脚本。 （在某些情况下）
因为这将使您的网页加载更快。
注意：
第二点并不总是正确的，因为在某些情况下，您希望脚本在这些脚本的帮助下执行部分内容。
因此， 是的 ，JavaScript和CSS的错误放置会影响页面的优化
解决方案4
0 2017-07-29 11:48:55
我想补充一点：
脚本应保存在页面底部，例如，在</body>标记之后，前提是页面加载不依赖于该脚本。
注意：将脚本放在页面底部可以提高显示速度，因为脚本编译会降低显示速度。
在 CHROME 中添加 javascript 和小 css 后，ASPX 页面以 110% 的缩放比例打开
[英]ASPX page open at 110% zoom after adding javascript and little css in CHROME
在ASPX页面中生成Javascript，并将其呈现给Sharepoint
[英]Generating Javascript in an ASPX page, and presenting it to Sharepoint
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
将 Javascript 集成到 aspx 页面
ASPX页面中的JavaScript触发“ $未定义”
动态图片展示位置帮助-CSS / javascript / jquery？
Javascript ASPX 页面中的运行时错误
Javascript 焦点在 Aspx 页面上不起作用
在 CHROME 中添加 javascript 和小 css 后，ASPX 页面以 110% 的缩放比例打开
ASPX页面中的CSS和脚本调用顺序
从WebReousrce将Javascript文件注册到aspx页面
在ASPX页面中生成Javascript，并将其呈现给Sharepoint
如何使用Javascript将控件转移到ASPX页面
相关标签