如果可能,尽量不要出现行内脚本,因为行内脚本会导致一系列问题,包括
- 页面混乱,难以阅读还有维护(想想一个大约1000行代码的网页,html标签跟js代码混杂在一起是何等的壮观,加上不合理的代码格式,那简直就是噩梦)
- 可重用性差(采用外部脚本链接,js代码可为多个页面共用)
- 重复下载(采用外部脚本链接,js代码可被浏览器缓存,避免不必要的重复下载)
- 由于阻塞下载问题,会导致页面加载渲染速度严重变慢(原因比较复杂,涉及js基本的加载机制以及代码依赖,以及当行内脚本置于CSS样式表后可能导致的延迟问题,暂不详述)
- 其他。。。
建议:尽量采用外部脚本链接的方式,其实就一行语句:
<script type="text/javascript" src="test.js"></script>
多简洁啊~~~~~~~T_T
如果不幸真的得采取行内脚本(比方说老师规定不这样写作业就不能及格。。。),那就:
- 将行内脚本放在样式表定义之前(当有其他外部脚本并且与该外部脚本存在代码依赖时)
- 将行内脚本移到课件资源之后(也就是网页的末尾)
小小总结,未经历史检验,如有错漏实属必然,欢迎指正。。。