Javascript Onclick事件,打印divs。如何排除类名
这个问题是一个小小的补充,在这里我用这个代码结束了Javascript Onclick事件,打印divs。如何排除类名,javascript,html,Javascript,Html,这个问题是一个小小的补充,在这里我用这个代码结束了 <script type="text/javascript"> //Simple wrapper to pass a jQuery object to your new window function PrintElement(elem){ var data = ''; $(elem).each(function() { data = data + $(this).html();
<script type="text/javascript">
//Simple wrapper to pass a jQuery object to your new window
function PrintElement(elem){
var data = '';
$(elem).each(function() {
data = data + $(this).html();
});
Popup(data);
}
//Creates a new window and populates it with your content
function Popup(data) {
//Create your new window
var w = window.open('', 'Print', 'height=400,width=600');
w.document.write('<html><head><title>Print</title>');
//Include your stylesheet (optional)
w.document.write('<link rel="stylesheet" href="add/css/layout.css" type="text/css" />');
w.document.write('<link rel="stylesheet" href="add/css/main.css" type="text/css" />');
w.document.write('</head><body>');
//Write your content
w.document.write(data);
w.document.write('</body></html>');
w.print();
w.close();
return true;
}
</script>
//将jQuery对象传递到新窗口的简单包装器
功能打印元素(elem){
var数据=“”;
$(元素)。每个(函数(){
data=data+$(this.html();
});
弹出(数据);
}
//创建一个新窗口并用您的内容填充它
功能弹出窗口(数据){
//创建新窗口
var w=窗口打开(“”,'打印','高度=400,宽度=600');
w、 文件。书写(“打印”);
//包括样式表(可选)
w、 文件。写(“”);
w、 文件。写(“”);
w、 文件。写(“”);
//写下你的内容
w、 文件。写入(数据);
w、 文件。写(“”);
w、 打印();
w、 close();
返回true;
}
当我耍花招的时候
onclick=“PrintElement('.PrintElement')”>Print
我可以用class=“PrintElement”打印出一些div。我现在的问题是
如果DIV中有一些不想打印的元素,那么如何添加class=“NOprintelement”以便代码知道在打印事件中需要排除具有此类的元素?在不了解更多详细信息的情况下,您可能应该尝试使用css媒体查询隐藏DOM元素。例如,如果您有一个class='hideWhenPrinting'的div,您的CSS可能包括:
@media print {
.hideWhenPrinting { display: none }
}
见这一相关问题: