script写在body和head中的区别
区别简述:
在HTML body部分中的JavaScripts会在页⾯加载的时候被执⾏。
在HTML head部分中的JavaScripts会在被调⽤的时候才执⾏。
——————————————————————————
JavaScript应放在哪⾥
head 部分中的脚本: 需调⽤才执⾏的脚本或事件触发执⾏的脚本放在HTML的head部分中。当你把脚本放在head部分中时,可以保证脚本在任何调⽤之前被加载。
<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>
body 部分中的脚本: 当页⾯被加载时⽴即执⾏的脚本放在HTML的body部分。放在body部分的脚本通常被⽤来⽣成页⾯的内容。
<html>
<head>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body>
body 和 head 部分可同时有脚本:你可在⽂件中放⽆数的脚本,因此你的⽂件中可以在body和head部分同时存在脚本。
<html>
<head>
<script type=”text/javascript”>
….
</script>
</head>
<body>
<script type=”text/javascript”>
….
</script>
</body>
外部脚本的使⽤
有时候你可能想在⼏个页⾯中运⾏同样的脚本程序,⽽不需在各个页⾯中重复的写这些代码。这时你就要⽤到外部脚本。你可以把脚本写在⼀个外部⽂件中,保存在扩展名为 .js的⽂件中。
注意:外部脚本⽂件中不要包含标记符<script>!使⽤外部脚本时将标记符<script> 的“src”属性值指向相应的.js⽂件就可以了。
<html>
<head>
<script src=”xxx.js”></script>
</head>
<body>
</body>
</html>
注意: 记得这个指向外部脚本⽂件的script标记符就放在你通常会写脚本的地⽅!script在html中的用法
1:将JavaScript标识放置<Head>... </Head>在头部之间,使之在主页和其余部分代码之前预先装载,从⽽可使代码的功能更强⼤;⽐如对*.js⽂件的提前调⽤。也就是说把代码放在<head>区在页⾯载⼊的时候,就同时载⼊了代码,你在<body>区调⽤时就不需要再载⼊代码了,速度就提⾼了,这种区别在⼩程序上是看不出的,当运⾏很⼤很复杂的程序时,就可以看出了。
当然也可以将JavaScript标识放置在<Body>... </Body>主体之间以实现某些部分动态地创建⽂档。这⾥⽐如制作⿏标跟随事件,肯定只有当页⾯加载后再进⾏对⿏标坐标的计算。或者是filter滤镜与javascript的联合使⽤产⽣的图⽚淡⼊淡出效果
2:放⼊html的head,是页⾯加载前就运⾏,放⼊body中,则加载后才运⾏javascript的代码~~~所以head⾥⾯的先执⾏。
3:要是function就没有区别要是<script>alert(1)</script>会跟放的位置有关⼀个事head加载完就 alert ⼀个是要跟在body中加载循序alert
客户端脚本⼀般放在 <head> </head> 之间,⽽且要⽤ <!-- --> 把代码括起来。
如果浏览器不⽀持此脚本,那么浏览器会跳过它,不去执⾏,也不会提出错误信息
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论