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

尝试在样式链接周围编写头标记，并在内容周围编写正文标记。

使用Javascript将css样式应用于弹出窗口

1 个答案: