通过 IFRAME 引用 url 中的特定 TAG - jQuery/PHP

Posted 2023-05-09

【中文标题】通过 IFRAME 引用 url 中的特定 TAG - jQuery/PHP

【英文标题】：Refer to a particular TAG in url via IFRAME - jQuery/PHP

【发布时间】：2017-08-07 06:43:17

【问题描述】：

我想知道我是否可以通过 iframe 中的链接定向 (Src) 引用特定标签（在我们的示例 H1 中）。

例如链接http://www.marketwatch.com/story/what-the-fed-raising-rates-would-mean-for-your-credit-cards-and-bank-accounts-2016-12-14

我想知道我是否可以参考下面链接中的第一个 H1（“美联储加息将如何影响数百万美国人”）主要目标是直接查看文章。

<iframe id="iFrame1" scrolling="no" src="http://www.marketwatch.com/story/what-the-fed-raising-rates-would-mean-for-your-credit-cards-and-bank-accounts-2016-12-14#H1" style="overflow: scroll; -webkit-overflow-scrolling: touch;" sandbox=""></iframe>

“参考 h1 标签”是什么意思？我的意思是我想将 iframe 向下滚动到该元素。 这个想法是直接到一个特定的 TAG (H1ׂ) 没有 ID 或 CLASS（在所有世界网站上的所有文章都只有一个 H1）。

【问题讨论】：

“参考h1 标签”是什么意思？您的意思是要将 iframe 向下滚动到该元素吗？

@RoryMcCrossan True.

【参考方案1】：

假设您的意思是希望iframe 向下滚动到h1 标记，您可以将片段添加到与所需元素的id 属性匹配的URL。在这种情况下，它是#article-headline。试试这个：

<iframe id="iFrame1" scrolling="no" src="http://www.marketwatch.com/story/what-the-fed-raising-rates-would-mean-for-your-credit-cards-and-bank-accounts-2016-12-14#article-headline" style="overflow: scroll; -webkit-overflow-scrolling: touch;" sandbox=""></iframe>

【讨论】：

这个想法是直接到一个特定的 TAG (H1ׂ) 没有 ID 或 CLASS （在所有世界网站上的所有文章都只有一个 H1）。

不幸的是，这是一个不可能的跨域 iframe。您只能使用浏览器实现的片段书签结构，这是我上面建议的