【问题标题】:view html page inside another html在另一个 html 中查看 html 页面
【发布时间】:2011-01-01 20:43:11
【问题描述】:

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

【问题讨论】:

  • 使用
  • 我不认为
  • 如果您不想重新加载页面 Javascript 和服务器端语言是必要的。
  • 你说你不使用服务器端语言——你使用Javascript吗?
  • 是的,我想使用 java 脚本

标签: javascript html css


【解决方案1】:

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

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

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

【讨论】:

  • 我不想通过服务器调用页面,我只想重新渲染它。你可以通过js而不是jquery重写你的代码吗?
  • @David 这应该可以,但是 jQuery 和 href="javascript: 的混合充其量是非正统的......
  • @lonesomeday:的确,这是一项紧急工作。最好绑定到点击事件。混合标记和代码从来都不是好事。代码已更新。
  • @Alaa:如果你没有从服务器获取页面,你是从哪里获取的?另外,jQuery JavaScript。
  • 这只是在彼此内部渲染html页面的情况。这不是一个真正的网站,只是为了学习。
【解决方案2】:

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

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

【讨论】:

  • 点击锚点时如何调用对象标签?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-08-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多