首页 > 软件开发 > JavaScript >

js打印如何去掉底部网址

来源:互联网 2023-03-17 00:02:29 300

在使用JavaScript打印插件时,打印时页脚会出现一个网址,不太友好。那么,js打印如何去掉底部网址?YfJ办公区 - 实用经验教程分享!

js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

工具/原料

  • jquery-1.4.4.min.js
  • jquery.jqprint-0.3.js
  • HBuilderX
  • 截图工具
  • HTML5
  • CSS3
  • WPS
  • 浏览器

方法/步骤

  • 1

    打开HBuilderX开发工具,拷贝打印插件JavaScript文件和jquery文件到Web项目的js文件夹,并新建页面文件YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 2

    打开已新建的页面文件,依次引入jquery和打印插件js文件YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 3

    在body>/body>标签中,插入一个表格table,并设置外层元素id属性YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 4

    在jquery初始化函数中,调用打印方法jqprint()YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 4相关内容非法爬取自百度经验
  • 5

    保存代码并运行文件,打开浏览器,可以看到打印预览文件底部出现网址YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 6

    在页面文件中,添加style标签,设置media为print,然后设置@page样式YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 7

    再次保存并刷新浏览器,可以看到文件底部的网址去掉了YfJ办公区 - 实用经验教程分享!

    js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

  • 总结

    • 1、新建页面文件YfJ办公区 - 实用经验教程分享!

      2、引入相关文件YfJ办公区 - 实用经验教程分享!

      3、插入表格元素YfJ办公区 - 实用经验教程分享!

      4、调用打印方法YfJ办公区 - 实用经验教程分享!

      5、保存预览查看YfJ办公区 - 实用经验教程分享!

      js打印如何去掉底部网址YfJ办公区 - 实用经验教程分享!

    注意事项

    • 注意jquery打印插件的用法
    • 注意如何设置打印机样式

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!YfJ办公区 - 实用经验教程分享!


    标签: JAVASCRIPTJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码