博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
为什么js代码放在head中报错,放在body中却能正常调用
阅读量:3947 次
发布时间:2019-05-24

本文共 331 字,大约阅读时间需要 1 分钟。

如上代码,通过js设置标签样式,但是一直报错

在这里插入图片描述
这是因为,涉及到dom查询,这个时候dom树还没构建完成,所以查询不到标签。写在head里面的都dom查询js代码要用window.onload包裹一下。

window.onload()方法用于在网页加载完毕后立刻执行的操作,及当HTML文档加载完毕后,立刻执行某个方法。

为什么要用window.onload()?

因为javascript代码中的函数方法需要在HTML文档渲染完成后才能使用,如果没有渲染完成,此时dom树是不完整的,这样在调用一些javascript代码时就可能报出“undefined”错误


window.onload()和$(document).ready(function(){})的区别

在这里插入图片描述

转载地址:http://adhwi.baihongyu.com/

你可能感兴趣的文章
在ubuntu中运行exe文件
查看>>
ubuntu安装命令
查看>>
Android学习笔记(四十):Preference的使用
查看>>
Android学习笔记(四二):SQLite、ListView、ContextMenu
查看>>
Android学习笔记(四三):文件访问
查看>>
Android学习笔记(四六):互联网通信-文件下载
查看>>
Android学习笔记(五一):服务Service(上)- IntentService
查看>>
在职找工作的宜与忌
查看>>
低迷时,谁在坚持CSR
查看>>
致谢指南
查看>>
领导转型:六个方式帮助你建立好的团队
查看>>
从员工到总监,你要明白的8个道理
查看>>
领导不可不知的十大管理定律
查看>>
如何分析Email模块接收、发送邮件失败的Log
查看>>
GPS如何进入省电模式
查看>>
GPS打开失败
查看>>
如何增加电量显示格数,并提示剩余电量?
查看>>
Key Launcher上底下的shortcut如何修改默认值以及如果修改Key Launcher上widget的默认显示顺序
查看>>
Java支持播放哪些multi media格式
查看>>
Audio播放完毕后设置时间无法正确获取
查看>>