js---window.onload

来源:互联网 发布:linux命令面试题 编辑:程序博客网 时间:2024/06/14 20:09


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script>var oDiv=document.getElementById("div1");alert(oDiv);</script></head><body><div id="div1"></div></body></html>

以上代码会输出null,即获取不到div1

为防止上述错误的出现可以用window.onload

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script>window.onload=function(){var oDiv=document.getElementById("div1");alert(oDiv);}</script></head><body><div id="div1"></div></body></html>

window.onload作用是

当文档加载完后才会调用<script>中的代码

原创粉丝点击