首頁 > web前端 > js教程 > 主體

JavaScript打印网页指定区域的例子_javascript技巧

WBOY
發布: 2016-05-16 16:50:04
原創
1239 人瀏覽過

JavaScript打印页面指定div区域原理:使用window.open()在浏览器打开一个新的页面(window), 使用 window.document.write()将指定div区域的内容写入新窗口文档,document.close()关闭文档,使用window.print()调用打印机打印当前文档。

JavaScript打印函数myPrint(obj):

复制代码 代码如下:

function myPrint(obj){
    //打开一个新窗口newWindow
    var newWindow=window.open("打印窗口","_blank");
    //要打印的div的内容
    var docStr = obj.innerHTML;
    //打印内容写入newWindow文档
    newWindow.document.write(docStr);
    //关闭文档
    newWindow.document.close();
    //调用打印机
    newWindow.print();
    //关闭newWindow页面
    newWindow.close();
}

myprint()调用方法:

复制代码 代码如下:
myPrint(document.getElementById('printDivID'));

实例代码:

复制代码 代码如下:
<script><BR>function myPrint(obj){<BR> var newWindow=window.open("打印窗口","_blank");<BR> var docStr = obj.innerHTML;<BR> newWindow.document.write(docStr);<BR> newWindow.document.close();<BR> newWindow.print();<BR> newWindow.close();<BR>}<BR></script>



   打印演示区域,点击打印后会在新窗口加载这里的内容!



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!