之前看了一些书籍,看了一点视频,也看过别人的博客,发现js代码理论上来说可以放在html文档的任何地方,但为了规范,我们经常放置以下地方:
对于JS:
1、script标记放在头部head标签中。
但是js代码必须定义成函数形式,并在主体body标记内调用或通过事件触发。放在head标记内的脚本在页面装载时同时载入,这样在主体body标记内调用时可以直接执行,提高了脚本执行速度。
2、script标记中放在主体body标记中。
js代码可以定义成函数形式,在主体body标记内调用或通过事件触发,也可以在script标记内直接编写脚本语句,在页面装载时同时执行相关代码,这些代码执行的结果直接构成网页的内容,在浏览器中可以查看。
3、引入外部js文件。
除了将JavaScript代码写在head和body部分以外,也可将JavaScript函数单独写成一个js文件,在html文档中引用该js文件。
4、直接写在事件处理代码中。
备注:例子下次再写,我这用手机编辑的
对于JQuery:
我们知道JQuery是一个JavaScript函数库。所以它常放置的地方基本和JS相同,但是常见的有以下几种:
1、样放置在head中,但是建议代码最外层,都加入下面一串代码,不然有时会出错,如下图:
2、同样放置在body中,如图:
3、引入外部JS文件,如图:
4、可以写在body外,html内。
如果不全引用外部JS文件的话,推荐放到body结束标签的末尾,包含到body标签内:
这样处理的好处是无需担心因页面未完成加载,造成DOM节点获取不到,使脚本报错的问题,而且能避免因脚本运行缓慢造成页面卡死的问题。另外,Yahoo的前端优化指南里就有这一条。
最后针对JS/JQuery说两件事:
1、script标签放 置的位置是任意的,所以引入外部js文件的同时,也可以在head头部里写JS代码,也可以在body中写JS代码。这些部位不是互斥的,页面可以写多个script标签。
2、script标签 里的type可写可不写。即
和