要打印部分内容,需要隐藏其他内容,可以用媒体查询
我们可以隐藏网页的header footer slider三部分,只打印content
@media print {
.footer {
display: none;
}
.header {
display: none;
}
.slider {
display: none;
}
.content {
margin-left: -(slider的宽度);
}
}
这样就可以了,当然这只是简单的部分,如果layout更复杂,那么就需要重新设置body的innerHtml了,这样做是因为window.print会打印整个网页。所以把整个body替换掉可以作为一种办法,另外还可以新建一个iframe来打印