script放在body和放在head的区别

放在body中：在页面加载的时候被执行

放在head中：在被调用时被执行

原因：

1、浏览器是从上到下解析HTML的。

2、放在head里的js代码，会在body解析之前被解析；放在body里的js代码，会在整个页面加载完成之后解析。

js应该放哪：

1、head中：需调用才执行或事件触发执行的脚本，可以保证脚本在调用之前被加载

2、body中：当页面被加载时执行的脚本，通常被用来生成页面内容

原文地址：https://www.cnblogs.com/tongcc/p/11390484.html

时间： 2024-11-09 05:12:11

script放在body和放在head的区别的相关文章

实训9.4.前端：js script放在head跟body里面的区别

在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始. 在body中时,直接加载并执行典型区别:如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行. 原文地址:https://www.cnblogs.com/xtxt1127/p/11470216.html

JS代码放在head和body中的区别分析

那么有什么不同呢?先看一个例子: 一个二级级联动态下拉列表框,一级分类(即大类别)id="vSort0". 复制代码代码如下: <head> function changelocation(id) {…………} </head> <body><select class="input1" id="vSort0" name="vSort0" onChange="changeloca

1. 将JavaScript标识放置<Head>... </Head>在头部之间,使之在主页和其余部分代码之前预先装载,从而可使代码的功能更强大: 比如对*.js文件的提前调用. 也就是说把代码放在<head>区在页面载入的时候,就同时载入了代码,你在<body>区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了.当然也可以将JavaScript标识放置在<Body>... </

javascript放在head和body的区别（w3c建议放在head标签中）

JavaScript脚本放在哪里在HTML body部分中的JavaScripts会在页面加载的时候被执行. 在HTML head部分中的JavaScripts会在被调用的时候才执行. -------------------------- head 部分中的脚本: 需调用才执行的脚本或事件触发执行的脚本放在HTML的head部分中.当你把脚本放在head部分中时,可以保证脚本在任何调用之前被加载. <html> <head> <script type="t

<script>放在head或者body中出现的问题

今天看js高级编程form表单这一章,看着书上的例子敲代码的时候出现了一点问题,什么问题先不说,先看这段代码? <!DOCTYPE html> <html> <head> <title>Form Fields Example</title> <script type="text/javascript"> var form = document.getElementById("myForm");

[转]浏览器渲染机制——一定要放在body底部的js引用

转自:http://blog.csdn.net/u012251421/article/details/50536265 说明: 本文提到的浏览器均是指Chrome. “script标签“指的都是普通的不带其他属性的外联javascript. web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来其他细微的负面或正面影响,为了不使论述失去重点,不会扩展太开. 一.从一个面试题说起面试前端的时候我喜欢问一些看上去是常识的问题.比如:为什

转---JS 一定要放在 Body 的最底部么？聊聊浏览器的渲染机制

作者:德来 segmentfault.com/a/1190000004292479 如有好文章投稿,请点击 → 这里了解详情一.从一个面试题说起面试前端的时候我喜欢问一些看上去是常识的问题.比如:为什么大家普遍把<script src=""></script>这样的代码放在body最底部?(为了沟通效率,我会提前和对方约定所有的讨论都以chrome为例) 应聘者一般会回答:因为浏览器生成Dom树的时候是一行一行读HTML代码的,script标签放在最后面就不

JS一定要放在Body的最底部么？

JS一定要放在Body的最底部么? 时间 2016-01-12 02:00:02 写代码的小德子原文 http://delai.me/code/js-and-performance/ 主题 JavaScript CSS 一.从一个面试题说起面试前端的时候我喜欢问一些看上去是常识的问题.比如:为什么大家普遍把 <script src=""></script> 这样的代码放在body最底部? (为了沟通效率,我会提前和对方约定所有的讨论都以chrome为例)

关于jsp页面是放在webroot目录下和web-inf下优缺点

CSDN问题: jsp放在webroot目录下这样就可以让用户直接访问,jsp放在web-inf目录下就必须要通过请求才能访问.因此放在web-inf下jsp页面显得要安全. 既然这样 ,那是不是只要是需要通过请求才可以访问的页面就一定要放在web-inf目录下呢还有放在webroot和放在web-inf目录下都各有什么明显的优缺点 .望大家讨论... 1楼: 通过设置过滤器,放在webroot下面的文件也可以实现不能直接访问.所以说放在哪里就看习惯是什么样了. 一般项目都是要求隐藏性的,只让