将css写入javascript代码does not work

  • Z时代
  • 2024-01-10
  • 分类：问答

我有用于打印div内容的此javascript代码。将css写入javascript代码does not work

function PrintElem() 
{ 
    var mywindow = window.open('', 'PRINT', 'height=600,width=800'); 
    mywindow.document.write('<html><head><title>' + document.title + '</title>'); 
    mywindow.document.write('<style type="text/css">' + @media print { 
    .no_print{ display:none;} 
    .fav_thumb{width:50%; height:50%; float:left} 
} + '</style>'); 
    mywindow.document.write('</head><body >'); 
    mywindow.document.write('<h2>' + document.title + '</h2>'); 
    mywindow.document.write(document.getElementById("favorite_items").innerHTML); 
    mywindow.document.write('</body></html>'); 
    mywindow.document.close(); // necessary for IE >= 10 
    mywindow.focus(); // necessary for IE >= 10*/ 
    mywindow.print(); 
    mywindow.close(); 
    return true; 
}

我该怎么写一些打印CSS的新窗口，JavaScript打开？

回答：

选项＃1 - Inline Styles可能适用于您的目标。

此段使用内联样式的元素的HTML示例显示在前一个链接上。

<p style="color:blue;font-size:46px;"> 
    I'm a big blue, <span>span</span> paragraph 
</p>

选项＃2 - 内部样式定义

选项＃3 - 外部样式文件

Styling HTML with CSS链接涵盖了所有三（3）选项。

以上是 将css写入javascript代码does not work 的全部内容， 来源链接： utcz.com/qa/267008.html

回到顶部