使用 iframe 时函数未定义

Question

我正在 javascript 中制作浏览器 webapp。奇怪的问题是，每当我在 html 中添加 iframe 标签时。 javascript 停止工作。

我的html:

<input type="text" id="input">
<button onclick="sean()"></button>
<iframe id="outp" src="about:blank"></iframe>

我的 JS：

function sean(){
var input = document.getElementById('input').value;
var iframe = document.getElementById('outp')
iframe.src= "https://"+input
alert('worked');
};

有趣的是，一旦我评论了 iframe 标签（甚至没有修改 js），该功能就开始工作并显示警告消息，否则它一直说 sean 未定义。

如果需要，这里有笔显示错误：

https://codepen.io/ShazamBolt8/pen/yLpqeXZ

如果可能，请添加一个工作片段。

提前致谢:)

Answer 1

let input = document.getElementById("txt");
let btn = document.getElementById("btn");
let iframe = document.getElementById("ifr");

btn.addEventListener("click", () => {
  iframe.src = "https://" + input.value;
  alert("wo4ked");
});

<input id="txt" type="text" >
<button id="btn">GO</button>
<iframe id="ifr" src="about:blank" frameborder="10"></iframe>

使用 iframe 时函数未定义

function undefined when using iframe

javascript

html

function

iframe