javascript刷新部分HTML页面不起作用

时间:2017-06-27 19:57:50

标签: javascript jquery html

HTML和javascript新手。我试图更新另一个程序中更改的数字而不必使用javascript刷新整个网页。我的主页html页面如下:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Title</title>
        <script type="text/javascript" src="Scripts/jquery-3.2.1.min.js"></script>
    </head>
    <body>
        <a href="value.htm">Counter</a>
        <div id="counter"><h2>0</h2></div>
        <button>Update</button>
    </body>
    <script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $("#counter").load("value.html #count");
            })
        });
    </script>
</html>

当我按下按钮时,没有任何变化。 value.html包含:

<div id="count">:="DB1".counter:</div>

这只是一个每秒计数的int值。如果我加载此页面,它会显示正确的int值。但出于某种原因,id =&#34; counter&#34;永远不会在主html页面上更新。我已经尝试过使用chrome和Internet Explorer,但没有运气。任何帮助将不胜感激。

0 个答案:

没有答案