js-实现点击按钮直接打印
很多網站都有此功能 ，點擊按鈕 直接打印；最近做項目有個這樣的需求， 所以就研究了一下，具體代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>指定被打印的內容</title>
<script language="javascript">
function print_fn(printname)
{
var newshtml = printname.innerHTML;
var oldshtml = document.body.innerHTML;
document.body.innerHTML =newshtml;
window.print();
document.body.innerHTML=oldshtml;
return false;
}
window.onload=function()
{
var button=document.getElementById("button");
var print=document.getElementById("print");
button.onclick=function()
{
print_fn(print);
}
}
</script>
</head>
<body>
<div id="print">
<h1>這是要被打印的內容</h1>
</div>
<div>歡迎您</div>
<input name="print" type="button" id="button" value="打印" />
</body>
</html>
加入上面的代碼可以實現啟動打印功能，但是有一個問題，只能執行一次打印 ，打印按鈕失效 ，不僅打印按鈕 若網頁中還有其它按鈕，所以按鈕失效。
想要解決這個問題其實也很簡單 window.print()之后，用location.reload()重新加載一下頁面就好了，代碼如下：
function print_fn(printname)
{
var newshtml = printname.innerHTML;
var oldshtml = document.body.innerHTML;
document.body.innerHTML =newshtml;
window.print();
document.body.innerHTML=oldshtml;
location.reload();
return false;
}
總結
以上是生活随笔為你收集整理的js-实现点击按钮直接打印的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： NetAssist 网络调试助手 注册分
- 下一篇： iPhone新专利曝光：水下打字不成问题