多语言展示
当前在线:1708今日阅读:27今日分享:41

js如何设置打印页尾

介绍如何使用js为多个页面设置相同的页尾。
工具/原料
1

NotePad++

2

chrome浏览器

方法/步骤
1

在一个文件夹下创建三个文件,分别为index.html,page.html和footer.js。

2

用可编辑文本文件的软件打开index.html。在index.html文件中加入如图代码。

3

编辑好index.html文件后,先用浏览器打开index.html看看效果,效果如图。在页面底部可以看到页尾数据。

4

接着注释掉那段页尾的代码,然后再用浏览器打开,效果如图。页面底部没有了页尾。

5

接着打开footer.js文件,加入如图代码。图中代码将打印页尾封装成一个函数,便于页面调用。

6

接着如图修改index.html文件,修改后用浏览器打开index.html,效果如图。页尾又成功打印出来了。

7

接下来打开page.html文件,加入如图代码。

8

编辑完page.html文件后,再次用浏览器打开index.html文件,显示的页面如图。

9

打开后点击跳转到page.html。

推荐信息