Question

这类链接可以返回到我之前提出的问题。目的是使用文本输入更改iframe src。经过大量的实验，它成功了。但是，这引起了新的问题。输入链接并提交后，它将/？link = link此处添加到页面末尾并刷新。然后，一旦刷新，原始的src就会恢复，从而使其无用。这是最重要的代码：

 <iframe
  id="minecraftFrame"
  src="//classic.minecraft.net"
  height="500"
  width="800"
  frameborder="0"
  scrolling="no"
  allowfullscreen="true">
</iframe>
<input type="text" id="myInput" name="input">
<button class="button" onclick="changeChannel()">Go</button>
<script>   
function changeChannel(){
  document.getElementById("iFrame").src = document.getElementById("myInput").value;
}
</script>

我不确定此时该尝试什么，因为我不太了解javascript。我只是不希望更改src后刷新主页。

Answer 1

您需要防止默认设置，即停止事件冒泡，这会导致重新加载。看看是否适合您。似乎在您提交表单时应该会刷新页面。

function changeChannel() {
  event.preventDefault();
  // ...
}

Answer 2

您的代码包括此--- document.getElementById（“ iFrame”）。src iframe的ID是“ minecraftFrame”，而不是“ iFrame” 或者您可以使用document.querySelector（'iFrame'）

并停止页面重新加载

  function changeChannel(e) {
  e.preventDefault();
  // Code goes here
}

输入导致链接更改的输入

2 个答案: