看到很多人都在在说不要用iframe去嵌套页面。
但是我需要让一个网站几百个网页的页头页尾达到统一的效果。毕竟有时候需要修改页头页尾。。不可能逐一去改。
那么现在我要实现页头页尾达到统一的话是用什么办法更好呢。而且页尾有一个回到顶部的代码需求。
求大神指点。本人学过那么一点点代码,,然后公司需要我去处理官网前端的事,感觉学的都不够用了。心好累哦。还有可以说下怎么学代码会更好吗。
对于前段框架还好。说到JS/JQ就完全看不懂了。
求大神指点。
如果项目用到框架的话,把头和尾写在主页面!至于body内容通过路由切换。
你先看看你的前端代码是不是有这种引入其他页面的页面,有的话,照着模仿就行了,写个header写个footer再写个导航,然后每个页面统一调用,这个调用形式就看你是什么后台框架的了,每个写法都有点差别,所以你要看看你现在的里面是怎么嵌入其他页面的,一般网站都不可能是每个页面都单独写的,都有统一的东西调用的部分,不然太麻烦了
用js引入[据说搜索引擎看不到由js包含的页面的内容,不利推广;另如果js功能被用户关闭则显示不出来]
用工具把页头页尾的header. html, footer.html文件转换成js文件, 然后在每个网页中调用这两个js文件。
写页头和页尾时,用相同的class来控制样式;再把样式写到独立的.css文件中。最后每个网页都导入那个独立的.css文件并且页头和页尾保持每页代码相同就行啦。
你现在起码也要把最基本的JS/JQ学会先。在实战中学习是最快的。
用自动化构建工具,将header和main,footer合并成整个页面,代码书写时,header,footer只写一次
但是这里边存在一个坑,就是我们要引入的公共html页面,无需把页面写完整,只需要包括我们所需的代码片段就可以。因为一个html页面只允许存在一个body,去掉所有的<html><body>标签。切记!!!