新网创想网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
GoodQuestion,一般都放底部。
成都创新互联是一家以网站建设、网页设计、品牌设计、软件运维、成都网站营销、小程序App开发等移动开发为一体互联网公司。已累计为成都主动防护网等众行业中小客户提供优质的互联网建站和软件开发服务。
但在某种情况下也觉得放在头部比较好,比如一个给页面中的某个元素添加了事件的js脚本。页面出来了但是js没加载完的那段时间,用户对此元素做事件操作的时候就出不来应该有的效果。
现在比较倾向于放在头部,做一些优化的工作尽量让js加载快一点。
通常情况下,JavaScript 代码是和 HTML 代码一起使用的,可以将 JavaScript 代码放置在 HTML 文档的任何地方。但放置的地方,会对 JavaScript 代码的正常执行会有一定影响,具体如下所述。
放置于head/head之间
将 JavaScript 代码放置于 HTML 文档的 head/head 标签之间是一个通常的做法。由于 HTML 文档是由浏览器从上到下依次载入的,将 JavaScript 代码放置于head/head 标签之间,可以确保在需要使用脚本之前,它已经被载入了:
当被调用的时候,放在head部分的JavaScript将会被执行。当html页面载入浏览器的时候,放在body部分的JavaScript将会被立即执行。我们并不是总是希望以这种方式来运用JavaScript。有时我们希望当页面载入时执行JavaScript,其他时候我们用户触发事件来执行JavaScript。 JavaScript放在head部分:把Script放在head部分里,只有当Script被调用或者事件触发时才被执行。当你把Script放在head部分里,你必须确保用户在使用Script前,Script已经装载完成。 htmlheadscript type=”text/javascript”…/script/head JavaScript放在body部分:当html页面载入浏览器的时候,放在body部分的JavaScript将会被立即执行,并产生html页面的内容。 htmlhead/headbodyscript type=”text/javascript”…/script/body JavaScript同时放在head部分和body部分:你可以在html页面里放置无限个JavaScript,可以同时放在head部分和body部分。 htmlheadscript type=”text/javascript”…/script/headbodyscript type=”text/javascript”…/script/body 调用外部的JavaScript 有时你想在几个html页面里运行相同JavaScript代码,但又不想在每个页面里写相同的代码。 为了简化这种情况,你可以写一个JavaScript的外部文件,以.js作为JavaScript的外部文件的扩展名。 注意:JavaScript外部文件不能包含script标签!
先加载和后加载的区别。
JavaScript脚本写在head标签里面,那么需要用window.onload起到一个延迟加载的作用。
JavaScript脚本写在body里面,也要看具体位置。如果写在body里面,一般都是写在了body标签的最后面。
javascript代码默认是同步执行的,不管是内嵌的还是外部的javascript代码,都会阻塞后续html代码的加载和渲染以及后续javascript的解析。这是个必要的特性,试想一下,如果你要使用某个功能,例如jquery 库的功能,把jquery 库放在你是用的代码之前(一般放在head里),这样你在其后的任何位置都可以无限制的使用jquery 的功能而不用担心其jquery 函数功能是否已经被解析载入。
但如果你这有一个javascript文件比较大,而这一部分的功能比较独立,没有他也不会影响页面的显示效果,那就可以考虑把它放在body的最后,即/body之前,这样整个页面载入了,页面完全显示了才开始处理这部分javascript,当然,也可以loadjs 等异步加载方式进行异步加载,这样就不会阻塞其他html和javasscript了。