jQuery.print.js怎么去掉页眉页脚

 时间:2026-04-21 18:22:51

1、打开HBuilderX工具,创建一个Web项目,并在项目中创建HTML5页眉,导入print js文件和jquery核心文件

jQuery.print.js怎么去掉页眉页脚

2、在<body></body>标签元素内,插入一个div,并在div内插入一个table

jQuery.print.js怎么去掉页眉页脚

3、在table标签上方插入一个button,设置id属性;利用jquery初始化函数,添加按钮点击事件

jQuery.print.js怎么去掉页眉页脚

4、在<style></style>标签内,设置整体body和table样式,如字体、边框等

jQuery.print.js怎么去掉页眉页脚

5、保存代码并使用浏览器预览,可以看到一个按钮和一个表格

jQuery.print.js怎么去掉页眉页脚

6、点击打印按钮,弹出一个打印窗口,可以在左侧预览,出现页眉和页脚

jQuery.print.js怎么去掉页眉页脚

7、返回到HBuilderX,添加一个style,设置media为print,添加@page属性

jQuery.print.js怎么去掉页眉页脚

8、再次保存并预览界面,点击打印按钮,可以发现页眉页脚都去掉了

jQuery.print.js怎么去掉页眉页脚

  • 主流BI工具FineBI中如何手动建立表间关联关系
  • 如何设置Notepad++视反斜杠为SQL转义字符
  • 如何设置和取消打印区域
  • finereport连接sql server数据库后无法显示表
  • 怎样将浏览器收藏夹显示在工具栏上呢?
  • 热门搜索
    减肥 柚子减肥 黑暗之魂3攻略 怎么做电脑系统 中国雪乡旅游攻略 脸上出油怎么办 眼角皱纹怎么去除 拉肚子会减肥吗 数码宝贝日光攻略 勇者斗恶龙5攻略