js可以pc打印的页眉页脚怎么去掉

2024-10-15 10:07:49

1、在HBuilderX工具中,新建一个Web项目并在指定文件夹中,新建一个静态页面

js可以pc打印的页眉页脚怎么去掉js可以pc打印的页眉页脚怎么去掉

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

js可以pc打印的页眉页脚怎么去掉

3、再在body内部插入一个button按钮,并绑定按钮点击事件printData,调用window.print()方法

js可以pc打印的页眉页脚怎么去掉

4、保存代码并运行项目,打开浏览器查看界面,然后点击打印按钮

js可以pc打印的页眉页脚怎么去掉

5、点击打印按钮后,弹出打印窗口,可以发现页面上有页眉和页脚

js可以pc打印的页眉页脚怎么去掉

6、返回到HBuilderX开发工具,添加style标签,并使用@page设置打印样式

js可以pc打印的页眉页脚怎么去掉

7、再次保存代码并刷新浏览器,再次点击打印按钮,查看打印界面效果

js可以pc打印的页眉页脚怎么去掉
猜你喜欢