Question

我有3个模板（静态html页面）。

根据我的选择，一个模板将以弹出窗口的形式打开。当我想以弹出窗口的形式显示该模板时，我必须向该模板添加一些内容。现在，我使用window.open(url)显示模板。

但是，当我以弹出窗口的形式显示时，我无法将内容添加到该模板中（当我点击＆＃34时，单个单词; 预览＆＃34;按钮在表单中，然后弹出窗口将生成带有一些表单数据的预定义HTML模板。

基本上我正在寻找使用JavaScript或jQuery的预览功能，所以请提供相同的代码。

Answer 1

创建一个test.html页面并将此代码粘贴到HTML文档的HEAD部分。

function displayHTML(form) {
  var inf = form.htmlArea.value;
  win = window.open(", ", 'popup', 'toolbar = no, status = no');
  win.document.write("" + inf + "");
}

将此代码粘贴到HTML文档的BODY部分

<form>
  <textarea name="htmlArea" cols=45 rows=6></textarea>
  <br>
  <input type="button" value=" view " onclick="displayHTML(this.form)">
</form>

在浏览器中测试..

如果发现有帮助，请在您的代码中执行相同操作。

Answer 2

如果你使用window.open()，你可以给你的窗口命名，然后操纵那个窗口的内容：

var win = window.open(url, 'mywindow');
win.document.write('<h1>Popup Test!</h1>');

如果名称为“mywindow”的窗口不存在，则会打开一个新窗口，否则将使用现有窗口

如何使用JavaScript或jQuery提供预览功能？

2 个答案: