JavaScript__之报错处理

时间 2019-12-06

标签 javascript 报错处理栏目 JavaScript 繁體版

原文原文链接

报错提示文字

Uncaught TypeError: Cannot read property 'getElementsByTagName' of nulljavascript

报错控制台显示图片

html代码显示

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <!--这一种是在底部加载类容-->
    <script src="../js/index.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="main" id="main">
    <!--图片轮播-->
    <div class="banner" id="banner">
        <a href="">
            <div class="banner-slide slide1 slide-active"></div>
        </a>
        <a href="">
            <div class="banner-slide slide2"></div>
        </a>
        <a href="">
            <div class="banner-slide slide3"></div>
        </a>
    </div>
    <!--上一张，下一章图片-->
    <a href="javascript:void(0);" class="button pre"></a>
    <a href="javascript:void(0);" class="button next"></a>
    <!--设置小圆点-->
    <div class="dots">
        <ul>
            <span class="active"></span>
            <span></span>
            <span></span>
        </ul>
    </div>
</div>
</body>
</html>
复制代码

解决过程，发现javaScript不该该写在head中，应该写在body中

更改后的代码css

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../css/index.css">

    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="main" id="main">
    <!--图片轮播-->
    <div class="banner" id="banner">
        <a href="">
            <div class="banner-slide slide1 slide-active"></div>
        </a>
        <a href="">
            <div class="banner-slide slide2"></div>
        </a>
        <a href="">
            <div class="banner-slide slide3"></div>
        </a>
    </div>
    <!--上一张，下一章图片-->
    <a href="javascript:void(0);" class="button pre"></a>
    <a href="javascript:void(0);" class="button next"></a>
    <!--设置小圆点-->
    <div class="dots">
        <ul>
            <span class="active"></span>
            <span></span>
            <span></span>
        </ul>
    </div>
</div>
<!--这一种是在底部加载类容-->
<script src="../js/index.js"></script>
</body>
</html>
复制代码

最后运行结果

网页是从头部向下加载的，假如加载到头部的时候，这个时候尚未加载到div的时候就会报错

1. 报错处理
2. yum 报错处理
3. ansible报错处理
4. siliconsmart报错处理
5. maven报错处理
6. ionic 报错处理
7. vagrant报错处理
8. xmanager报错处理
9. 报错处理（一）
10. 【报错处理】idea报错com.alibaba.druid.pool.DruidDataSource error
更多相关文章...
• 错误处理 - RUST 教程
• PHP 错误处理 - PHP教程
• Docker 清理命令
• 互联网组织的未来：剖析GitHub员工的任性之源