如何使用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提供預覽功能？

回答

相關問題