javascript - 如何从 iFrame 中获取文本值

Question

这是我的代码:

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe" ></iframe>
</br>
<input type="button" value="Start" onclick="get()">
</br>
<input id="textid" type="text">

<script language="JavaScript" type="text/javascript">
function get() {

?????????????

}
</script>

在text.txt文件中包含一个值(61.00%)

我想当按下 Start 按钮时，我想获取值 (61.00%)，并将其放入 textinput (textid)

*请注意示例中的值 (61.00%) 是可变的

问候:)

Answer 1

您可以在下面尝试并确保您在同一域中访问 iframe

<script language="JavaScript" type="text/javascript">
  function getPercent() {
    var iframe = document.getElementById('iframe');
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    var percent = innerDoc.body.textContent.match(/(\d+\.\d+%)/g)
    // ["17.00%", "0.00%", "61.00%"]
    document.getElementById('textid').value = percent[2];
  }
</script>

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe"></iframe>
</br>
<input type="button" value="Start" onclick="getPercent()">
</br>
<input id="textid" type="text">