把script放在head里出现Uncaught TypeError: Cannot set property 'scrollTop' of null(…)

最新推荐文章于 2024-06-03 14:41:01 发布

林奇lc

最新推荐文章于 2024-06-03 14:41:01 发布

阅读量8.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript，前端

本文链接：https://blog.youkuaiyun.com/zlc819240815/article/details/53032611

javascript，前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一段简单的HTML页面代码，其中JavaScript被错误地放置在了<head>部分导致的问题。通过将JS代码移至<body>标签内的底部，可以有效避免页面加载时因元素未完全加载而引发的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

把

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>哦</title>
    <style>
    </style>
    <script language="JavaScript" type="text/javascript">
        var area=document.getElementById("out");
        area.scrollTop=20;
    </script>
</head>
<body>
<div style="width:200px;height:200px;background-color:#999999;overflow:auto;" id="out">
    <div style="width:100px;height:300px;background-color:#FFFF00;" id="inner">
        这些文字显示在内层元素中。
    </div>
</div>

</body>
</html>

应该放在body里就不会报错了

<body>
<div style="width:200px;height:200px;background-color:#999999;overflow:auto;" id="out">
    <div style="width:100px;height:300px;background-color:#FFFF00;" id="inner">
        这些文字显示在内层元素中。
    </div>
</div>
<script language="JavaScript" type="text/javascript">
    var area=document.getElementById("out");
    area.scrollTop=20;
</script>
</body>