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

我有3个模板（静态html页面）。如何使用JavaScript或jQuery提供预览功能？

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

但我无法将内容添加到该模板，同时以弹出窗口的形式显示（单击时单击“预览”按钮，然后弹出窗口将使用预定义的HTML模板生成一些表格数据）。

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

2012-07-18 ravikanth

好的，您的解决方案很可能涉及在目标窗口上运行的jQuery，但我们没有关于您尝试过的内容，以及这些动态内容来自哪里的信息。 – 2012-07-18 09:11:16

创建一个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文档

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

测试它在浏览器的主体部分..

如果找到有帮助的，请做同样的在你的代码。

来源

2012-07-18 09:12:49

嗨jigar pandya，谢谢你的回复，但我的要求是我想显示另一个模板与表格数据 – ravikanth 2012-07-18 09:29:52

如果你使用window.open()你可以到你的窗口给出一个名称，然后操纵该窗口的内容：

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

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

来源

2012-07-18 09:13:10 haynar

谢谢你的回复，但我的要求是我想分配一些内容到模板的中间（通过像我这样的URL获取模板） – ravikanth 2012-07-18 09:31:58

你只需要改变'document.write'部分，看看DOM函数，比如'document.createElement（）'或'document.body.appendChild（）'等等 – haynar 2012-07-18 09:47:12

在我的模板中我有下面的代码片断。

在此代替{内容}}我需要放置一些text.how我可以解决这个问题.plz帮助我 – ravikanth 2012-07-18 10:21:28

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

回答

相关问题