javascript - 页面加载时隐藏打印时显示

标签 javascript html css

<分区>

什么特定的 css 代码会在页面加载时隐藏该元素,然后在打印时显示它?我使用 window.print 函数来打印 html 页面。我只有在打印页面时隐藏一些东西的功能。

<style type="text/css" media="print">
#dontprint { 
   display: none; 
}
</style>


<a href="#"  id="dontprint" onclick="myFunction()" > Print </a>

最佳答案

使用 CSS 的 @media print :

#print{
display:none;
}
@media print
{    
    #print { 
      display: block !important; 
    }
}

JSFiddle Demo - View it in print preview

关于javascript - 页面加载时隐藏打印时显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32012655/

上一篇:jquery - 在 jQuery 中每 2 个元素包装一个 div

下一篇:html - 在表格单元格中自动换行

相关文章:

html - 如何在容器内 float 多个 <ul>?

javascript - 如何在 JavaScript 中更改表格的行和列中的元素

JavaScript 使用 Jinja 模板中呈现的数据引发 SyntaxError

javascript - HTML:使用 div 滚动条滚动变得很慢

javascript - 展开 HTML 标签

php - 使用 php 和 bootstrap 从数据库中一次提取四条记录

javascript - 在 TrustPilot 小部件中自定义 JS/CSS

css - 奇怪的网页内容移动

javascript - 与Jquery不同,屏幕宽度为1050px时移除class

php - 如何在 javascript 中对 substr 进行大小写