从父

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

如果返回的网址来自与主文档相同的域 ，则仅在此情况下， 然后，您可以将iframe的contentDocument作为$(selector, context)的第二个参数传递。

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

As a fiddle因为StackSnippet的空原始帧不允许我们访问内帧......

请注意，选择器将相对于此上下文，因此您不会传递"iframe body a"而只传递"body a"。

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