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

 时间:2024-10-12 06:46:01

1、打开HBuilderX工具,创建一个We水瑞侮瑜b项目,并在项目中创建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数据库后无法显示表
  • 怎样将浏览器收藏夹显示在工具栏上呢?
  • 热门搜索
    传统文化手抄报 防溺水手抄报 关于环保的手抄报 爱路护路手抄报 四年级数学手抄报 垃圾分类手抄报图片 交通安全手抄报图片 节约用水手抄报简单画 传承红色基因手抄报 节约用水手抄报图片