JS-JS代码插入位置
一、HTML 页面的 <head> 部分中
由于 HTML
文档是由浏览器从上到下依次载入的,将 JavaScript 代码放置于<head></head>
标签之间,可以确保在需要使用脚本之前,它已经被载入了。
二、HTML 页面的 <body>
部分中
设想如下一种情况:我们有一段 JavaScript 代码需要操作 HTML 元素。但由于 HTML
文档是由浏览器从上到下依次载入的,为避免 JavaScript 代码操作 HTML 元素时,HTML 元素还未载入而报错(对象不存在),因此需要将这段代码写到
HTML 元素后面。
注意:
HTML 中的脚本必须位于 <script> 与
</script> 标签之间。
三、脚本保存到外部文件中
在使用了外部引用 JavaScript 代码之后,其好处显而易见:
公共的
JavaScript 代码可以被复用于其他 HTML 文档,也利于 JavaScript 代码的统一维护
HTML
文档更小,利于搜索引擎收录
可以压缩、加密单个 JavaScript 文件
浏览器可以缓存 JavaScript
文件,减少宽带使用(当多个页面同时使用一个 JavaScript
文件的时候,通常只需下载一次)
注意:
如需使用外部文件,在 <script> 标签的 "src"
属性中设置该 .js 文件:
<script src="myScript.js"></script>
外部脚本不能包含
<script> 标签。
将 JavaScript 代码形成为外部文件,也会增加服务器的 HTTP
请求负担,在超高并发请求的环境下,这并不是一个好的策略。另外 在引用外部 js 文件时,需注意文件的正确路径。
最新文章
- SQL SERVER 2012 执行计划走嵌套循环导致性能问题的案例
- SQL Server中查询某个数据库中表的个数
- node的事件模块应用(译)
- 第七篇 :微信公众平台开发实战Java版之如何获取微信用户基本信息
- 阿里云linux服务器安装Phalcon-----";phalcon Volt directory can&#39;t be written"; ";gcc: internal compiler error: Killed (program cc1)";
- Linux命令之cut
- POJ 3928 Ping pong
- STL find() ,还是挺重要的
- 跨线程操作UI控件
- struts2-ognl 访问静态方法
- datazen 备份还原
- [转] 关于UIView
- 模拟Vue之数据驱动3
- SOM聚类与Voroni图在验证码字符分割中的应用
- zabbix监控交换机状态
- TimesTen数据库表中显示中文乱码的真正原因
- kbmmw 5.08 正式发布
- centos7下 nginx配置upstream 不能直接代理到本机tomcat的解决
- MyBatis基础入门《十四》ResultMap子元素(association )
- ajaxFileupload 多文件上传