从其他html文件加载代码

时间:2013-10-30 21:27:23

标签: javascript html hyperlink

我有一个网站,其中包含我定期更新的新闻Feed。问题是,当我更新它时,我必须更改每个页面中的代码。如果网站很小,这不会有问题,但它有大约20页 我想知道是否有任何方法让我只有一个单独的html文件,只有新闻源,我会加载到其他页面。

1 个答案:

答案 0 :(得分:1)

使用jQuery并进行AJAX调用可以解决您的问题,尽管它有点过分。

<html>
    <head>
        <script>
            $(document).ready(function() {

                $.ajax({
                    url: "news.html",
                    cache: false
                }).done(function(news) {
                    $("#news").html(news);
                });

            });
        </script>
    </head>
    <body>
        <div id="news">

        </div>
    </body>
</html>

另一种解决方案是简单地使用iFrame。

<html>
    <head>
    </head>
    <body>
        <div id="news">
            <iframe src="news.html"></iframe>
        </div>
    </body>
</html>