时间戳

首页 > 解决方案 > 如何从 iFrame 中获取文本值

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

问题描述

这是我的代码：

<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%)

我想当按下开始按钮时，我想获取值（61.00%），并将其放在 textinput（textid）中

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

问候 ：）

标签： javascriptjqueryhtmliframe

解决方案

您可以在下面尝试并确保您访问同一域中的 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">

推荐阅读