Question

我不熟悉使用iframe和HTML / JavaScript。我想在用户点击src按钮时更改iframe submit。但是，由于某种原因，src值在我更改之后会保持还原为原始值。请忽略不寻常的ID名称。：）

这是我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
<title>Card Getter</title>
<script>
  function get(){
    var name = document.getElementById("card").value;
    document.getElementById("toast").src="http://gatherer.wizards.com/Pages/Search/Default.aspx?action=advanced&name=+["+name+"]";
    alert(name);
  };
  function check(){
    alert(document.getElementById("toast").src);
  };
</script>
</head>
<body>
    <iframe src="" id="toast"></iframe>
  <form>
    <p>Card Name:</p>
    <br>
    <input type="text" id="card">
    <br>
    <input type="submit" onclick="get()" value="Submit">
  </form>
  <form>
    <input type="button" onclick="check()" value="check">
  </form>
</body>
</html>

感谢您的帮助。

Answer 1

这是因为按下按钮时提交了表单。由于您没有指定表单操作，因此假定当前页面 - 因此这会导致重新加载，从而重置iframe的src。

作为快速解决方法，您可以将return false;添加到onclick处理程序：

<input type="submit" onclick="get(); return false;" value="Submit">

这样可以防止提交表单。

我的iframe在用javascript更改之后不会保留其src值

1 个答案: