如何将输入数据显示到 iframe 而不是新的 window？

Question

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

如何让信息显示在目标 iframe 而不是弹出新的 window？

<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，因为 Whosebug 阻止了它，但您可以看到 demo here.

如果你真的想使用.write()，你可以myFrame.contentDocument.write(...)，但它是not used much these days。

如何将输入数据显示到 iframe 而不是新的 window？

How to display input data into an iframe instead of a new window?

html

javascript

iframe

input

display