网页html读取js文件问题

最新推荐文章于 2023-05-31 15:18:37 发布

听说你很会玩

最新推荐文章于 2023-05-31 15:18:37 发布

阅读量1k

点赞数

分类专栏：ｈｔｍｌ

听说你很会玩

本文链接：https://blog.csdn.net/qq_44224698/article/details/104585014

版权

ｈｔｍｌ专栏收录该内容

3 篇文章 0 订阅

订阅专栏

当你的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的dom树还没有完全生成，你执行js的时候，就会出现无法读取到某些元素的情况，这样js代码也就无法执行了！
解决办法：
js代码外面再套一个
window.onload=function(){这里面写你的代码}
ok，这个问题就解决了！！！欢迎留言！！！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

听说你很会玩

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
网页html读取js文件问题

当你的html文件和js文件分开写（如下图）时，html文件代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算器</title> <script> </script>...
复制链接

扫一扫