0
点赞
收藏
分享

微信扫一扫

网页html读取js文件问题


当你的html文件和js文件分开写(如下图)时,

html文件代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script>

</script>
</head>
<link type="text/css" rel="stylesheet" href="css.css"/>
<script type="text/javascript" src="js.js">

</script>
<body>
<p id="one" >1(点击我之后会有弹窗!)</p>
</body>
</html>

js文件代码:

var one=document.getElementById("one");
one.onclick=function () {
alert("你哈");
};

我给文字添加并绑定了点击事件

出现下面问题(失效):

网页html读取js文件问题_css

原因:因为浏览器在获取到服务器返回的代码时是按照顺序执行的,所以如果html的dom树还没有完全生成,你执行js的时候,就会出现无法读取到某些元素的情况,这样js代码也就无法执行了!

解决办法:

js代码外面再套一个

​window.onload=function(){这里面写你的代码}​

ok,这个问题就解决了!!!欢迎留言!!!



举报

相关推荐

0 条评论