我的JavaScript打印代码工作但没有使用CSS

时间:2012-01-04 11:29:28

标签: javascript jquery css printing

代码听到了

var d=new Date();
    window.frames["print_frame"].document.body.innerHTML = '<HTML>\n<head>\n<title>CLS -' + d.getTime() +'</title>\n<link href="<?php echo JURI::base();?>templates/cls/css/style.css" rel="stylesheet" type="text/css"  />\n</head>\n<body>' + document.getElementById('result_content').innerHTML + "</body>\n</HTML>" ;
    window.frames["print_frame"].window.focus();
    setTimeout('window.frames["print_frame"].window.print()',300);

这段代码工作正常但是在打印时却没有用css样式打印......

2 个答案:

答案 0 :(得分:2)

你没有印刷样式表,例如

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

答案 1 :(得分:0)

我也打印不使用CSS 下面是我的代码:

window.frames["print_frame"].document.body.innerHTML = '<HTML>\n<head>\n<title></title>\n<link href="style.css" media="print" rel="stylesheet" type="text/css"/>\n</head>\n<body>' + document.getElementById(divId).innerHTML + "</body>\n</HTML>";
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();