Fatal编程技术网
  • javascript/
  • Javascript 如何基于DOM属性将iframe视图加载到源页面上的特定位置

Javascript 如何基于DOM属性将iframe视图加载到源页面上的特定位置

javascript html angularjs iframe

Javascript 如何基于DOM属性将iframe视图加载到源页面上的特定位置,javascript,html,angularjs,iframe,Javascript,Html,Angularjs,Iframe,我有一个iframe引用当前域之外的另一个网站。因为（据我所知）无法从页面中获取数据并使用javascript进行筛选，所以我尝试将iframe加载到我想要的页面部分。我只是尝试隔离段落标记的内容，让iframe在页面加载时滚动到该点，并禁用滚动。下面是我的代码，我们将在示例中使用yahoo： <iframe src="https://www.yahoo.com" id="testIframe" style="width:400px; height:500px"></ifram

我有一个iframe引用当前域之外的另一个网站。因为（据我所知）无法从页面中获取数据并使用javascript进行筛选，所以我尝试将iframe加载到我想要的页面部分。我只是尝试隔离段落标记
的内容，让iframe在页面加载时滚动到该点，并禁用滚动。下面是我的代码，我们将在示例中使用yahoo：

<iframe src="https://www.yahoo.com" id="testIframe" style="width:400px; height:500px"></iframe>
我想要获取的属性上有一个唯一的类，在页面上只找到一次

<body>
  <p>some text...at the top of the iframe by default</p>
  <p>some text</p>
  <p>some text</p>
  <p class="stream-summary">THIS IS THE TEXT THAT I WANT TO BE AT THE TOP OF MY IFRAME</p>
  <p>some text</p>
  <p>some text</p>


默认情况下，某些文本…位于iframe的顶部

一些文本

一些文本


这是我希望放在IFRAME顶部的文本

一些文本

一些文本
作为旁注，这个独特类的位置将根据页面加载时使用的查询而有所不同……根据它，不同的数据段和不同的网页将用作iframe的主视图，因此我不能使用css边距或类似的任何东西来绝对定位iframe的内容

谢谢你的帮助！如果我能帮助澄清任何事情，请告诉我。

唯一可以做到的方法是，它有一个ID，并且您在iframe src中将相应的ID设置为hash。除此之外，您所要求的无法完成..除非您控制iframe alsowoah中的代码..因此，如果我想要的源元素，
具有唯一的ID，那么这可能吗？我以前没用过大麻。在iframe src的散列中设置相应的id到底是什么意思？类似于，
。谢谢你的帮助！是的…但是没有
/
<代码>https://www.yahoo.com#theUniqueID听起来不错。谢谢@charlietfl！不，不行。由于“同源策略”，您无法在iframe内部进行访问。您可以这样做的唯一方法是，如果它有一个ID，并且您在iframe src中将相应的ID设置为hash。除此之外，您所要求的无法完成..除非您控制iframe alsowoah中的代码..因此，如果我想要的源元素，
具有唯一的ID，那么这可能吗？我以前没用过大麻。在iframe src的散列中设置相应的id到底是什么意思？类似于，
。谢谢你的帮助！是的…但是没有
/
<代码>https://www.yahoo.com#theUniqueID听起来不错。谢谢@charlietfl！不，不行。由于“同源策略”，您无法访问iframe内部