0

我有一个带有多个 div 的 jsp。我正在使用整个 div 数据innerHTML并将其显示到弹出窗口。通过使用它，我无法获得所有的 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();
}

通过使用此功能，只有一些样式有效。

4

1 回答 1

1

尝试在样式链接周围写 head 标签，在内容周围写 body 标签。

于 2013-03-14T17:57:38.593 回答