javascript - 动态更改表单操作以生成 iframe

Question

我正在尝试动态更改表单的操作，以便它生成 iframe，而不是发布到下一页。这是我的代码:

var formItem = document.getElementsByTagName("form")[2].action = createIframe();
function createIframe(){
   ifrm = document.createElement("IFRAME"); 
   ifrm.setAttribute("src", "http://127.0.0.1/myIframe.html"); 
   ifrm.style.width = "50%"; 
   ifrm.style.height = "50%"; 
   document.body.appendChild(ifrm); 
} 

使用上面的代码，iframe 会立即生成，然后单击按钮提交表单会返回一个未定义的页面。我哪里错了？非常感谢您的帮助!

Answer 1

我建议将该表单的 action 设置为 ""，然后调用该函数 onsubmit:

window.onload = function() {
  var formItem = document.getElementsByTagName("form")[2];
  formItem.setAttribute('action', '');
  formItem.addEventListener('submit', createIframe, false);
}

function createIframe(){
  var ifrm = document.createElement("IFRAME"); 
  ifrm.setAttribute("src", "http://127.0.0.1/myIframe.html"); 
  ifrm.style.width = "50%"; 
  ifrm.style.height = "50%"; 
  document.body.appendChild(ifrm); 
}