首页 > 代码库 > <script>标签在html中书写位置区别

<script>标签在html中书写位置区别

1. 将JavaScript标识放置<Head>... </Head>在头部之间,使之在主页和其余部分代码之前预先装载,从而可使代码的功能更强大; 比如对*.js文件的提前调用。 也就是说把代码放在<head>区在页面载入的时候,就同时载入了代码,你在<body>区调用时就不需要再载入代码了,速度就提高了,这种区别在小程序上是看不出的,当运行很大很复杂的程序时,就可以看出了。当然也可以将JavaScript标识放置在<Body>... </Body>主体之间以实现某些部分动态地创建文档。 这里比如制作鼠标跟随事件,肯定只有当页面加载后再进行对鼠标坐标的计算。或者是filter滤镜与javascript的联合使用产生的图片淡入淡出效果。

2.<script>引入的外部.js文件如果放入html的head,是页面加载前就运行,如果放入body中,则加载后才运行javascript的代码~~~所以head里面的先执行。

3.要是function就没有区别要是<script>alert(1)</script>会跟放的位置有关一个事head加载完就 alert 一个是要跟在body中加载循序alert

客户端脚本一般放在 <head> </head> 之间,而且要用 <!--       -->       把代码括起来。      

     如果浏览器不支持此脚本,那么浏览器会跳过它,不去执行,也不会提出错误信息

 如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行。
  1,在head中时,所代表的functions只加载而不执行,执行是在某一事件触发后才开始。
  2,在body中时,直接加载并执行
典型的区别:
如果有不在函数中的执行语句,比如变量初始化,如果在head中就不会执行。

<script>标签在html中书写位置区别