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％）的值

我要按下开始按钮时，我要获取值（61.00％），并将其放在textinput（textid）

中

*请注意，示例中的值（61.00％）是可变的

问候：）

Answer 1

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

// Cache the elements
const iframe = document.querySelector('#iframe');
const button = document.querySelector('button');
const input = document.querySelector('input');

// Add an event listener to the button
button.addEventListener('click', handleClick, false);

function handleClick() {

  // Extract the textContent from the iframe content
  const { textContent } = iframe.contentWindow.document.body;

  // Update the input value
  input.value = textContent;
}

Answer 2

这是使用Vanilla JS的方法。我将内联JS换成了更现代的JS技术。

HTML

  [a, b, c]

JS

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe"></iframe>
<button type="button">Start</button>
<input id="textid" type="text">

如何从iFrame中获取文本值

2 个答案: