很多网站都有此功能,当浏览到底部时都会有一个打印按钮,点击打印按钮就可以完成打印功能,功能非常不错,人性化,代码非常的简单。
一、只要调用window.print()函数就可以实现打印当前页面
<a href="javascript:window.print()">脚本之家</a>
二、如何打印页面中的指定内容
<!DOCTYPE html><html><head> <meta charset=" utf-8">
<title>指定被打印的内容</title> <script language="javascript">
function printdiv(printpage){
var newstr = printpage.innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML =newstr; window.print(); document.body.innerHTML=oldstr; return false;
} window.onload=function(){
var bt=document.getElementById("bt");
var div_print=document.getElementById("div_print");
bt.onclick=function(){
printdiv(div_print); } }</script> </head> <body> <div id="div_print">
<h1 style="Color:Red">这是要被打印的内容</h1>
</div> <div style="Color:Red">欢迎您</div>
<input name="print" type="button" id="bt" value="点击打印" />
</body> </html>三、还有一点,就是CSS样式表的问题了,打印的效果是不包含背景的打印的,设置时注意一下。
<style media="print">、<link media="print">的用法合理应用,media="print"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。