⼀，load的⽤法：
因为页⾯中的代码⼀般情况下按照，从上到下，从左到右的顺序执⾏。
所以当js代码需要获取页⾯中的元素时，如果script标签在元素的前⾯，需要加load；如果script放在了元素后⾯，就不需要加load。
例⼀：点击按钮，实现div变⼤的效果（宽，⾼，增加200像素）。
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
#box{
width: 200px;
height: 200px;
background-color: red;
}
</style>
<script type="text/javascript">html个人网页完整代码顺序
}
</script>
electricity的形容词形式
</head>
<body>
<input type="button" name="btn" id="btn" value="确认">
<div id="box"></div>
</body>
注：例⼀在点击确认按钮时，页⾯上div并没有任何变化，原因是，由于程序是从上往下开始执⾏，运⾏到ElementById(“btn”)时，并没有发现“btn”这个元素，所以就会提⽰错误信息（null），此时的程序运⾏时也就没有任何JavaScript效果。
⼆，问题解决
把JavaScript中要执⾏的程序放在window.οnlοad=function(){}中，如例⼆：
例⼆：正确的代码
<head>
<meta charset="UTF-8">
<title>Document</title>
python编程从入门到实践 第2版
<style type="text/css">
#box{
width: 200px;
height: 200px;
background-color: red;
}
</style>
<script type="text/javascript">
}
数据工程师是干嘛的}
</script>
</head>
<body>
光伏电站一定要用svg吗
<input type="button" name="btn" id="btn" value="确认">软件测试linux常用命令
<div id="box"></div>
</body>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。