网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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怎么去掉页眉页脚
© 2025 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com