我的iframe赢了't在用javascript更改src值后，保留它的src值

My iframe won't keep its src value after it has been changed with javascript

本文关键字：src 值后 保留 更改 javascript 赢了 iframe 在用 我的      更新时间：2024-01-23

我是iframe和HTML/JavaScript的新手。当用户单击submit按钮时，我正在尝试更改iframe src。但是，由于某种原因，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>

谢谢你的帮助。

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

作为快速修复，您可以将return false;添加到onclick处理程序中：

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

这将阻止提交表单。

相关文章：