0

我正在努力将一些锚点/其他 html 页面（左侧的按钮）显示在同一页面的另一个 div 中（更准确地说是在右侧）。div有什么解决方案吗？或者也许使用 frame/iframe，甚至 jQuery 有什么提示吗？

在图像中你有源代码

4

2 回答 2

1

div有什么解决方案吗？

  1. 使用 JavaScript 获取内容（例如 XMLHttpRequest）。
  2. 去掉你不需要的部分（例如，除了<body>
  3. 使用 DOM 操作将其添加到 div

或者也许使用 frame/iframe

这正是 iframe 的设计目的。将target锚点的属性设置name为 iframe 的

将内容加载到页面的一部分会带来很多问题。至少它会干扰访问者链接到他们实际查看的内容的能力（尽管您可以使用 History API 并pushState对此进行补偿）。链接到一个新页面几乎总是一个更好的主意，该页面包括（通过模板）所有页面共有的任何内容。

于 2013-01-11T12:26:10.863 回答
0

如果页面链接到 HTML 页面，您可以使用 jQuery 附加iframe如下：

$(document).ready(function(){
  $('.button').click(function(){
    // Prevent Default Action
    event.preventDefault();
    // get the href parameter
    var url = $(this).attr('href');
    // Append the iframe
    $('#content').append('<iframe src="'+ url +'"></iframe>');
  });
});

这是一个工作示例

如果您能够返回 a JSONorXML响应，您可以使用它$.ajax来获取响应，然后将其附加到 adiv而不是iframe.

于 2013-01-11T12:51:23.330 回答