很多网站都有此功能,当浏览到底部时都会有一个打印按钮,点击打印按钮就可以完成打印功能,功能非常不错,人性化,代码非常的简单。
一、只要调用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"是不被网页所显示的,只能在打印的效果上存在,可以设置出打印效果和在网页上所显示的不一样。