是否可以在没有 js 的情况下跟踪主 url 中的 iFrame src？

Posted 2023-05-07

【中文标题】是否可以在没有 js 的情况下跟踪主 url 中的 iFrame src？

【英文标题】：Is it possible to keep track of iFrame src in main url without js?

【发布时间】：2018-04-03 10:40:41

【问题描述】：

该项目在左侧包含一个<iframe>，它以不同的方式（包含顺序、继承和文件路径样式）显示指向文件的链接，在右侧包含一个<iframe>，它显示所选文件。

我要做的是使 url（顶部）反映这两个 iframe 中应显示的内容，因此复制粘贴 url 将产生相同的视图。我可以用 js 轻松地做到这一点，但我正在努力做到这一点。

是否可以在没有js的情况下以反映这些iframe状态的方式修改主url？

【参考方案1】：

不，纯 html 中没有这种机制。

您可以通过一些服务器端处理来实现这一点 - 使链接实际上将用户重定向到不同的页面，然后服务器处理 URL 查询字符串以知道在页面的哪个部分显示什么。

或者您可以使用 javascript，并使用 URL 的 # 部分来存储当前位置。

现在可能有另一种方法可以使用 CSS3，尽管这会非常乏味（恕我直言），并且还意味着您的整个网站都包含在一个文件中并提供服务。 CSS 有一个 :target 选择器，可以匹配例如<a name="foo"> 当#foo 在 URL 中时。使用它，您可以将页面的某些部分包装在“目标”块中，这些块只会在需要时显示。

请注意，所有这三种解决方案基本上都会完全取代您的<iframe>s。

【讨论】：

谢谢。令人惊讶的是，在 html 的早期，这种东西从未出现过。似乎大多数 iframe 的优点如果使用 url arg 选项会更好。

【参考方案2】：

您可以让 iframe 中的各个链接在父窗口中打开一个新 url，重新加载两个 iframe，并按照您的要求显示新的完整 url。

<a href="Polygon.hpp.html" target="_parent">Polygon.hpp</a>