使用Javascript为弹出窗口应用css样式

Apply css styles to popup window using Javascript

本文关键字：应用 css 样式 窗口 Javascript 使用      更新时间：2023-09-26

我有一个具有多个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();
}

试着在样式链接周围写标题标签，在内容周围写正文标签。

相关文章：