jquery - 加载网站特定部分的 iframe

Question

我想使用 jQuery 和 AJAX 加载一部分外部网站内容，因为我已经读过您可以这样做。我只想加载网站的一部分，如本文iframe 中所述，仅显示页面的特定部分。

我对尝试加载的网站拥有完全的版权许可。谢谢，埃特里

Answer 1

为此，您可以在主页中创建一个 div

<div id='iframediv'>
</div> 

然后在您的 JS 代码中提及以下行

$('#iframediv').load('https://www.google.co.in #DIVNAME');

在这里，您必须替换https://www.google.co.in为目标 URL。并替换为目标页面中DIVNAME的目标 div id。

更新：

如果您由于安全问题访问不同域中的页面，此方法将不起作用。在这种情况下，您可以执行以下操作

1. 在您的 Web 应用程序中创建一个New Server-side Page (say GetContent.aspx)（以便域相同）。
2. 然后在服务器端，您可以加载所需的页面（来自不同的域）并提取所需的部分。如果您无法提取该部分，请加载完整页面。
3. 然后将此内容加载到New Server-side Page (say GetContent.aspx)

4. 现在你可以GetContent.aspx使用.load函数来展示它。如果您使用的是完整页面（不提取），则使用以下代码加载所需的内容 div。

   $('#iframediv').load('https://www.google.co.in #DIVNAME');

Answer 2

您声明这是一个外部网站。如果网站在同一个域中，您可以使用 jquery 的加载方法来执行此操作

$('#iframediv').load('https://www.google.co.in #DIVNAME');

如果页面是外部的，您将无法执行此操作。您可以查看外部页面，看看是否有命名锚。如果有，您可以在 iframe 的 src 中使用该锚点，以使 iframe 开始滚动到该位置。我不认为它会得到你想要的东西，但它是你能得到的最接近外部域的页面。

<iframe src="http://externalsite.com/page.html#nameofanchor"/>