Question

我正在尝试更新iframe中的信息，这是由JS生成但未成功。我有一个HTML格式：

<form method="post" action="calc.php" target="my_iframe">
<input type="submit" value="Calc" onclick="Frame()"/>

这里通过提交按钮给php文件一些参数，计算答案

JS创建iframe：

    <script type="text/javascript">
function Frame()
{
var iframe = document.createElement('iframe');
iframe.setAttribute("src", "calc.php");
iframe.setAttribute("name", "my_iframe");
iframe.setAttribute("width", "500px");
iframe.setAttribute("height", "400px");
iframe.setAttribute("frameborder", "0");
iframe.setAttribute("id", "second");
document.getElementById("first").appendChild(iframe);
};
</script>

进入div：

<div id="first" class="answer"></div>

首次按下Calc按钮后，一切正常，但是当我更改表格中的参数并按下Calc按钮时，JS会更新第一个iframe中的信息并再生成一个有错误的iframe（没关系，它会显示错误，因为它确实存在错误没有输入。）

如何编辑JS只使用一个iframe，并且每次按下Calc按钮时只更新信息？谢谢大家：）

Answer 1

您对appendChild(iframe)所做的是向页面添加其他元素，而不是您想要的。

尝试更换：

document.getElementById("first").appendChild(iframe);

使用：

document.getElementById("first").innerHTML = iframe;

width和height属性也应该是没有px的数字。

如何使用JavaScript更新iframe的信息？

1 个答案: