并排显示两个外部网页的最佳方式是啥？

Posted 2023-03-05

【中文标题】并排显示两个外部网页的最佳方式是啥？

【英文标题】：What is the best way to show two external web pages side by side?并排显示两个外部网页的最佳方式是什么？

【发布时间】：2011-12-31 01:10:11

【问题描述】：

我想在页面左侧显示一篇英文***文章，然后在页面右侧显示该***文章的西班牙语版本。

有没有办法用 html、javascript、ajax 等来做到这一点？

我知道我可以使用 iframe，但最好让它们一起滚动（您滚动一个，另一个滚动......或者两者都只有一个滚动条）并一起关注链接（如果链接是点击一个页面，相应的翻译页面进入另一侧（如果存在）。

【参考方案1】：

一个有趣的概念。如果您确定要加载两个网页，那么 iframe 是您的选择。但是，对于您想要的功能，您必须在其中一个页面上使用自定义滚动并以相同的量遍历第二页。 Here 是单页自定义滚动的示例。对其他页面也使用相同的概念。

更新：您或许可以看看this。据我所知，存储在数据库中的内容可以访问MediaWiki。使用它来获取特定于您的链接的数据。

【讨论】：

***文章经常链接到其他***文章。因此，如果我单击一个 iframe 中的一个链接，它将在该 iframe 中加载新的***文章，但另一个 iframe 仍将在旧文章上。如果新文章的翻译存在，我希望它也被加载到另一个 iframe 中。这有意义吗？

正如@Carles 提到的，没有解决方法。但是，请查看我更新的答案中的 MediaWiki。

【参考方案2】：

iframe 非常适合显示来自其他域的页面并让用户在您的页面中浏览它们。但是，如果 iframe 来自另一个域，则确实没有办法检测 iframe 内容中的点击事件。 This article 解释了原因。

您基本上必须找到 iframe 加载的页面，对吗？即使你要在 iframe 上添加一个 onload 事件来检查加载了哪个页面，即使是this is not allowed，恐怕也是如此。

【讨论】：

是的，这就是我意识到的。那么真的没有解决方法吗？

没有我知道的解决方法，不适用于这种情况。