使用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

嘗試在樣式鏈接周圍寫上head標簽，在內容周圍寫上body標簽。