为什么有些js文件没有在html中加载？

Question

为什么有些js文件没有在html中加载？

我有以下的HTML代码,我已经包含了几个js文件.仅加载jquery文件而其他2个文件不加载.有人可以指出我哪里出错了.当我通过inspect元素检查网络选项卡时,我看到其他js文件的请求根本没有命中.

<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.dataTables.min.css">

<style>
div.container { max-width: 1200px }
</style>

</head>
<body>

<table id="example" class="display compact nowrap" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>First name</th>
                <th>Last name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
                <th>Extn.</th>
                <th>E-mail</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Tiger</td>
                <td>Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
                <td>5421</td>
                <td>t.nixon@datatables.net</td>
            </tr>

            <tr>
                <td>Rhona</td>
                <td>Davidson</td>
                <td>Integration Specialist</td>
                <td>Tokyo</td>
                <td>55</td>
                <td>2010/10/14</td>
                <td>$327,900</td>
                <td>6200</td>
                <td>r.davidson@datatables.net</td>
            </tr>
            <tr>
                <td>Colleen</td>
                <td>Hurst</td>
                <td>Javascript Developer</td>
                <td>San Francisco</td>
                <td>39</td>
                <td>2009/09/15</td>
                <td>$205,500</td>
                <td>2360</td>
                <td>c.hurst@datatables.net</td>
            </tr>
        </tbody>
    </table>


</body>
<script src="https://code.jquery.com/jquery-1.12.4.js"/>
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"/>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"/>
<script>
$(document).ready(function() {
    var table = $('#example').DataTable( {
        responsive: true
    } );
} );
</script>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

kin*_*ggs 5

<script>不是自闭标签.请尝试以下方法:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>

Run Code Online (Sandbox Code Playgroud)

仅仅因为现代浏览器可以很好地处理它们,并不意味着您应该使用不良行为进行编码.它最终会在你身上蔓延开来. (2认同)

归档时间：	8 年，10 月前
查看次数：	1762 次
最近记录：	8 年，10 月前