求助各位大神，使用jQuery在b.html页面中加载a.html的内容，为什么我写的代码无法现在，在IE和火狐中都无法显示出来，求帮忙解决下

b.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="../js/jquery-3.2.1/jquery-3.2.1.js" type="text/javascript"></script>
</head><body><div id="div"></div><script>
$("#div").load("a.html",function () {
    alert($("#demo").html())//打印出来
    $("#demo").html(
        "<span>load出来的页面 更改内容</span>" +
        "<span>哈哈哈</span>"
    )
})
</script></body>
</html>a.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body><div id="demo">
  我是load页面
</div>
<script src="../js/jquery-3.2.1/jquery-3.2.1.js" type="text/javascript"></script>
</body>
</html>

解决方案 »

  1.   

    试下：
    $("#div").load("a.html",function () {
    setTimeout(function(){
        alert($("#demo").html())//打印出来
        $("#demo").html(
            "<span>load出来的页面 更改内容</span>" +
            "<span>哈哈哈</span>"
        )},100);
    })
      

  2.   

    @apollokk 依然没有效果
      

  3.   


    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../js/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <style type="text/css">
    </style>
    </head>
    <body>
    <div class="container-fluid">
    <div class="row">
    <div id="test" class="col-lg-12" style="position:absolute;height: 100%;width: 100%;"></div>
    </div>
    </div>
    </body>
    <script src="../js/jquery-3.2.1/jquery-3.2.1.js" type="text/javascript"></script>
    <script type="text/javascript">$("#test").load("test2.html");
    </script>
    </html>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.css" />
    </head>
    <body>
    <div class="row">
    <div class="col-lg-12 bg-info">
    <table class="table table-striped">
    <tr>
    <td>编号</td>
    <td>商品</td>
    <td>数量</td>
    <td>单价</td>
    <td>进货时间</td>
    </tr>
    <tr>
    <td>1</td>
    <td>王老吉</td>
    <td>999</td>
    <td>5.00</td>
    <td>2016-02-01</td>
    </tr>
    <tr>
    <td>2</td>
    <td>农夫山泉</td>
    <td>999</td>
    <td>3.00</td>
    <td>2016-02-01</td>
    </tr>
    <tr>
    <td>3</td>
    <td>怡宝</td>
    <td>999</td>
    <td>2.00</td>
    <td>2016-02-01</td>
    </tr>
    </table>
    </div>
    </div>
    </body>
    </html>
      

  4.   

    你这两个页面都没有架设到site上，当然不会成功，chrome和IE7以上的浏览器对你本地的静态文件都之间的访问都是视为跨域。
    打开你的F12 开看 console就知道了 .