window.onload

最新推荐文章于 2023-07-03 11:54:01 发布

违规昵称001

最新推荐文章于 2023-07-03 11:54:01 发布

阅读量272

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/m0_37528005/article/details/78593623

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="" /> 
<title>window.onload</title>
<style type="text/css">
#bg{
  width:100px;
  height:100px;
  border:2px solid red;
}
</style>
<script type="text/javascript">
document.getElementById("bg").style.backgroundColor="blue";

// 此时将#bg的颜色设置为blue无效，因为网页（dom）还未加载完成，所以还无法获取div
//解决办法：1.加上window.οnlοad=function(){}事件， 作用是事件里的代码会在dom加载完成之后再触发。
        // 2.将代码放在网页的底端，先加载页面，再加载js代码

</script>
</head>
<body>
  <div id="bg"></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

违规昵称001

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
window.onload

window.onload#bg{ width:100px; height:100px; border:2px solid red;}document.getElementById("bg").style.backgroundColor="blue";// 此时将#bg的颜色设置为blue无效，因为网页（dom）还未加载完成，所以还无法获取div//解决办法：1.加上
复制链接

扫一扫