javascript - 从父级 iframe 获取内部文本

Question

您好，我正在向我的页面添加一些 iframe。 iframe 仅包含一个值，我想从父级获取它。我尝试了在堆栈溢出上发布的许多答案，但没有一个对我有用。下面我附上了图片，以便您可以看到 iframe 是如何包含在页面中的。我想获取红框中的值，以便稍后使用。

代码:

  var graphUrls = tmpSource.getGetFeatureInfoUrl(
    graphCoor, viewResolution, 'EPSG:3857', {'INFO_FORMAT': 'text/html'});
  var frr = document.createElement("iframe");
  frr.onload = function(){
    var jjj = $("iframe body a").text()
    var kkk = $("iframe body #ras-val").text()
    console.log("jjj ", jjj)
    console.log("kkk ", kkk)
  };
  frr.id = sourceParams.year + "-" + sourceParams.month + "-" + sourceParams.day;        
  frr.src = graphUrls
  document.body.appendChild(frr);

Answer 1

如果返回的网址来自与主文档相同的域，并且仅在这种情况下，
那么你可以通过contentDocument iframe 的第二个参数 $(selector, context) .

// frame is you iframeElement
$('#ras-val', frame.contentDocument).text()

As a fiddle因为 StackSnippet 的 null 起源帧不允许我们访问内部帧...

请注意，选择器将与此上下文相关，因此您不会传递“iframe body a”，而是仅传递“body a”.

如果 URL 不是来自同一个域，那么出于安全原因，您的前端代码将不允许访问此文档。