关于js写在head部分的问题

当我们将js写在head部分时,我们要知道,html页面的加载顺序是从上到下的,如果我们写的js代码需要在文档加载完成后才能够去执行(一般都是要到文档加载完才执行的),那么我们放到<head>内可能导致无法获取对象的情况

为了避免类似情况的发生,可以使用以下方式:

(1).将脚本代码放在网页的底端,运行脚本代码的时候,可以确保要操作的对象已经加载完成。

(2).通过window.onload事件来执行脚本代码。

window.onload=function(){

  document.getElementById("bg").style.backgroundColor="#F90";

}

但注意不能为window.onload事件绑定多个事件处理函数,最后一个会覆盖前面的所有函数。

(3)$(document).ready(function(){

      //执行代码

  })    

另:在使用这个方法时,别忘了在网页里添加jQuery,比如可以加入这样一行代码

<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script> 

且window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值