查看另一个HTML内的html页面

时间:2011-01-01 20:43:12

标签: javascript html css

我想知道如何在另一个html中包含html页面 因为我不使用任何服务器端语言,我只想通过html和css来实现。 我想点击锚点然后在页面的中心div显示html,因为我将html页面分成页眉,页脚和正文。

2 个答案:

答案 0 :(得分:3)

您可以使用jQuery从服务器获取HTML页面,并将其内容设置在所需的div内。只需将其绑定到锚点击事件,如下所示:

$('#myanchor').click(function() {
    $.get('mypage.html', function(data) {
        $('#mydiv').html(data);
    });
});

(请注意,这是徒手画的代码,我还没有测试过。但是你明白了。)

答案 1 :(得分:3)

使用Javascript:Include a file into a page (Ajax style)

使用HTML OBJECT标记:Insert a text file into a page