javascript - 如何将输入数据显示到 iframe 而不是新窗口中？

Question

我有点生疏了，刚刚又开始做 html 和 javascript。并需要一些帮助。

如何使信息显示在目标 iframe 上而不是弹出新窗口？

<script LANGUAGE="JavaScript" type="text/javascript">
function display() {
  DispWin = window.open('','NewWin', 'toolbar=no,status=no,width=700,height=400')
  message = "<b>Verified: </b>" + document.form1.Ver.value;
  message += "<br><b>Name: </b>" + document.form1.Gname.value;
  message += "<br><b>ID: </b>" + document.form1.Bid.value;
  message += "<br><b>Concern: </b>" + document.form1.Cxissue.value;
  message += "<br><b>Resolution: </b>" + document.form1.Res.value;
  message += "<br><b>Link: </b>" + document.form1.Htx.value + "<br><br><br>";

  DispWin.document.write(message);
}
    </script>

Answer 1

你可以这样做:

<iframe id="my-frame"></iframe>
<script>
  var myFrame = document.getElementById('my-frame');
  myFrame.contentDocument.body.innerHTML = 'Hello world!';
</script>

我没有创建 StackSnippet，因为 StackOverflow 会阻止它，但您可以看到 demo here .

如果你确实想使用.write()，你可以执行myFrame.contentDocument.write(...)，但它是not used much these days .