Question

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

In the image you've got the source code

Answer 1

div有什么解决方法吗？

使用JavaScript（例如XMLHttpRequest）获取内容。
删除您不需要的内容（例如<body>
使用DOM操作将其添加到div

或者可能使用frame / iframe

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

将内容加载到页面的一部分中会带来很多陷阱。至少它会干扰访问者链接到他们实际正在查看的内容的能力（尽管您可以使用历史记录API和pushState来补偿）。最好只链接到一个新页面，其中包括（通过模板）所有页面共有的任何内容。

Answer 2

如果页面链接到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>');
  });
});

Here is a working Example

如果您能够返回JSON或XML回复，则可以使用$.ajax获取回复，然后将其附加到div而不是{iframe 1}}。

如何在同一页面中的div中定位锚点

2 个答案:

Here is a working Example