介绍如何使用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。
上一篇:织梦首页被嵌入框架怎么办