我有 3 个模板(静态 html 页面)。
根据我的选择,一个模板将以弹出窗口的形式打开。当我想以弹出窗口的形式显示该模板时,我必须向该模板添加一些内容。现在我正在使用 using 展示该模板window.open(url)
。
但是我无法在以弹出窗口的形式显示时将内容添加到该模板(当我单击表单中的“预览”按钮时,弹出窗口将生成带有一些表单数据的预定义 HTML 模板)。
基本上我正在寻找使用 JavaScript 或 jQuery 的预览功能,所以请提供相同的代码。
我有 3 个模板(静态 html 页面)。
根据我的选择,一个模板将以弹出窗口的形式打开。当我想以弹出窗口的形式显示该模板时,我必须向该模板添加一些内容。现在我正在使用 using 展示该模板window.open(url)
。
但是我无法在以弹出窗口的形式显示时将内容添加到该模板(当我单击表单中的“预览”按钮时,弹出窗口将生成带有一些表单数据的预定义 HTML 模板)。
基本上我正在寻找使用 JavaScript 或 jQuery 的预览功能,所以请提供相同的代码。
创建一个 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>
在浏览器中测试它..
如果发现有帮助,请在您的代码中执行相同的操作。
如果你使用window.open()
你可以给你的窗口一个名字,然后操作那个窗口的内容:
var win = window.open(url, 'mywindow');
win.document.write('<h1>Popup Test!</h1>');
如果名称为“mywindow”的窗口不存在,它将打开一个新窗口,否则将使用现有窗口