Javascript - 页面打印

Javascript - 页面打印 首页 / JavaScript入门教程 / Javascript - 页面打印

很多时候,您想在网页上放置一个按钮,以通过实际打印机打印该网页的内容(如当前页面右下角打印图标)。 JavaScript帮助您使用 window 对象的 print 函数来实现此函数。

JavaScript打印函数 window.print()在执行时将打印当前网页,您可以使用 onclick 事件直接调用此函数,如以下示例所示。

请尝试以下示例。

无涯教程网

<html>
   <head>      
      <script type="text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type="button" value="Print" onclick="window.print()" />
      </form>   
   </body>
<html>

运行上面代码输出

尽管它用于获取打印输出,但不建议这样做。打印机友好页面实际上只是一个包含文本,没有图像,图形或广告的页面。

打印

  • 复制页面并保留不需要的文本和图形,然后从原始页面链接到该打印机友好页面。

  • 如果您不想保留页面的额外内容,则可以使用诸如<!--PRINT STARTS HERE --> ..... <!-- PRINT ENDS HERE -->的适当注释标签可打印的文本。 然后您可以在后台使用PERL或任何其他脚本清除可打印文本并显示以进行最终打印。

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

Go语言核心36讲 -〔郝林〕

程序员的数学基础课 -〔黄申〕

Go语言从入门到实战 -〔蔡超〕

消息队列高手课 -〔李玥〕

MongoDB高手课 -〔唐建法(TJ)〕

技术面试官识人手册 -〔熊燚(四火)〕

说透芯片 -〔邵巍〕

零基础入门Spark -〔吴磊〕

技术领导力实战笔记 2022 -〔TGO 鲲鹏会〕

好记忆不如烂笔头。留下您的足迹吧 :)