用JavaScript中的內容彈出一個新窗口

請給我你需要的幫助，我試圖在javascript中彈出一個新窗口。新窗口將包含父窗口的信息。我在一個div中添加了所有內容。調用腳本的按鈕如下所示。用JavaScript中的內容彈出一個新窗口

<asp:Button ID="Button6" OnClientClick="PrintElem('#info1');" CssClass="btn btn- primary btn-xs" runat="server" Text="Print Report"/>

我有一個div可以包含所有我想要顯示的新窗口，它是

<div id="info1" runat="server">

理念上的內容是，我不希望在頁面中顯示的菜單。我只想讓那個特殊的div內容在新窗口中顯示。當我點擊按鈕時，它顯示一個空的頁面，拋出一個UNDEFINED異常。感謝您的幫助。

這是我的腳本。

function PrintElem(elem) { 

    Popup($(elem).html()); 

} 

function Popup(Data) { 
    var mywindow = window.open('', 'my div', 'height=1000,width=1200'); 
    mywindow.document.write('<html><head><title>Report Title</title>'); 
    // mywindow.document.write('<link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins/jquery-ui.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/main.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/icons.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/fontawesome/font-awesome.min.css" rel="stylesheet" media="all" />'); 
    mywindow.document.write('</head><body>'); 
    mywindow.document.write(Data); 
    mywindow.document.write('</body></html>'); 
    mywindow.print(); 
    //mywindow.close(); 
    return true; 
}

來源

2014-09-01 Haruna Ado

[媒體查詢（https：//開頭開發商。 mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries）是爲了這個任務你已經掌握了。 – Teemu 2014-09-01 10:15:15

試試這個：

var mywindow = window.open('', 'my div', 'height=1000,width=1200,toolbar=no,menubar=no,scrollbars=no,resizable=no');

編輯：以下爲我工作：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Test</title> 
    <script type="text/javascript"> 
     function Popup(Data) { 
      var mywindow = window.open('', 'my div', 'height=1000,width=1200'); 
      mywindow.document.write('<html><head><title>Report Title</title>'); 
      // mywindow.document.write('<link href="/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins/jquery-ui.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/main.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/plugins.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/icons.css" rel="stylesheet" media="all" /> <link href="/Content/assets/css/fontawesome/font-awesome.min.css" rel="stylesheet" media="all" />'); 
      mywindow.document.write('</head><body>'); 
      mywindow.document.write(Data); 
      mywindow.document.write('</body></html>'); 
      mywindow.print(); 
      //mywindow.close(); 
      return true; 
     } 
    </script> 
</head> 
<body> 
    <button onclick="Popup('Hahaha');">Go Popup</button> 
</body> 
</html>

來源

2014-09-01 13:09:42 navigator

仍然無法正常工作。相同的未定義的異常。 – 2014-09-01 14:23:14

它適用於我......上面已經發布代碼 – navigator 2014-09-02 04:03:17

用JavaScript中的內容彈出一個新窗口

回答

相關問題