HTML中JS的问题_随笔

先确保你onclick事件里的 a 的值是不是大于0，如果大于0肯定会走for循环的，如果走了for循环还没有出结果说明 for循环里的代码写的代码本身就是无效果的，你alert()d出看看走到哪里出问题了

<!DOCTYPE html>

<head>

#a{

width:100%

height:600px

border:2px solid #090

background-size: 100%

}

</style>

function welcome(){

var box = document.getElementById('a') // 获取div的盒子

alert("欢迎你!")

box.style.background= "url(1.jpg) no-repeat" // 插入图片不重复

box.style.backgroundSize="100%" // 背景填充DIV

}

</script>

</head>

<form>

</form>

</div>

</body>

</html>

最后的那个 <body>请改为 </body>

并把前面的 <script>xxx</script>这大块放到 </body>前面。

因为你在执行 js 的时候 dom 都没有加载呢，所以要放到后面，或者把整个 js 放到 window.onload = function(){xxx}里面

欢迎分享，转载请注明来源：内存溢出

HTML中JS的问题