Javascript脚本应该放在哪里?

本文介绍了HTML中<script>标签的不同放置位置对脚本执行时机的影响,包括在<head>和<body>标签中的区别,并讨论了脚本在页面加载过程中的执行顺序。

1.<head>

  <srcipt>在被调用的时候才执行(页面加载前执行)</script>

</head>

2.  <srcipt>在被调用的时候才执行</script>

3.<body>

  <srcipt>在页面加载的时候才执行(页面加载后执行)</script>

   例:鼠标跟随事件,filter滤镜,图片淡入淡出的效果。

</body>

4.  <srcipt>页面中所有东西结束之后执行(可以这么放,但如果按规范来说的话,这种写法是错误的,是因为所有浏览器中的paser HTML都会修复成正常形式(放在body之间))   

   </script>

 

5.head和body之间可以同时存放多个脚本,因此你的文件中可以在body和head之间同时存在脚本。

6.使用外部脚本<script>,可以在几个页面中运行同样的脚本程序,不需在各个页面中重复写这些代码。

7.放在<head></head>与放在<head><body>之间有什么区别?

如果在<script></script>只写函数方法,效果一样。如果<script></script>直接写运行的脚本时就不一样,浏览器在解析网页时它从上到下解析,遇到可以执行的脚本就执行,放在不同的位置,执行的时间不同。

 

转载于:https://www.cnblogs.com/gqx-html/p/6102316.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值