很多網站都有此功能，當瀏覽到底部時都會有一個打印按鈕，點擊打印按鈕就可以完成打印功能，功能非常不錯，人性化，代碼非常的簡單。
一、只要調用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"是不被網頁所顯示的，只能在打印的效果上存在，可以設置出打印效果和在網頁上所顯示的不一樣。