使用JavaScript将弹簧窗口应用于css样式

Question

我有一个带有多个div的jsp。我使用innerHTML获取整个div数据并将其显示到弹出窗口。通过使用这我无法获得所有的CSS样式。

下面是函数：

function popupWin(cs) { 
    var divText1 = document.getElementById("divId").innerHTML; 
    var divText2 = document.getElementById("divId"+cs).innerHTML; 
    var divText3 = document.getElementById("divId"+cs+"abc").innerHTML; 
    var myWindow = window.open('',"mywindow","status=no,menubar=no,resizable=yes,toolbar=no,scrollbars=yes,addressbar=no,height=600,width=800"); 
    var doc = myWindow.document; 
    doc.open(); 
    doc.write('<link href="styles/shared/common.css" rel="stylesheet" type="text/css" />'); 
    doc.write('<link href="styles/parent/common.css" rel="stylesheet" type="text/css" media="all" />'); 
    doc.write('<link href="styles/parent/print.css" rel="stylesheet" type="text/css" media="print" />'); 
    doc.write('<link rel="stylesheet" type="text/css" href="styles/admintool.css" />'); 
    doc.write(divText1); 
    doc.write(divText2); 
    doc.write(divText3); 
    doc.close(); 
} 

通过使用该功能只有一些样式的工作。

Answer 1

尝试在样式链接周围编写头标签，并在内容周围标记身体标签。