需求背景
一个网站有多个网页；一个网页，可以分为很多部分，举个例子，下面是一个特别简单的网页结构：
一般情况下，footer都是用于标识网站的相关信息(备案、联系方式、制作方)，每一个页面都是相同的，如果又100个这样的页面，如果在每一个页面都写这么一段html代码，那么，无疑是特别难受的，另外，这个也不利于修改，一旦要修改，每个页面都要改一次，即使利用编辑器的全局替换，那也是不放心的，万一有一个页面在写代码的时候，和其他页面有点不同，全局替换也是有问题的。
PHP解决
如果有用过php的话，就知道，可以将footer的html代码单独写在一个footer.html文件中，然后在每一个页面的footer位置，加一行include代码即可：
JSP解决
如果是jsp的话，可以使用一个include指令即可：
问题
如果你的项目，前端和后端没有分离(一个代码库)，那就没多大问题，反正后端和后端都是一组人写。
如果你的前端和后端相分离(两个代码库)，那么修改两个代码库的代码，无疑是有点麻烦，单着还不是问题。问题是：在当今精通某种技术的时代，既擅长前端又擅长后端的程序员也并不多。
更大的问题：运行环境。
1、如果线上服务器没有安装php怎么办呢？
2、如果后端不是使用java，不用tomcat当服务器，那怎么能用jsp呢？
服务器端渲染 与 客户端渲染
php和jsp属于服务器端渲染，依赖于服务器的软件，所以会有点局限性。
但是，浏览器的DOM渲染，是属于客户端渲染，DOM渲染的问题就几乎没有了，正好，操作DOM的JavaScript是每个浏览器都支持的(DOM渲染可能会比服务器端渲染要稍微慢一点)。
JavaScript解决
可以这样做， 在footer的位置，只写一个
标签， 并且设置标签id：定义一个JavaScript的函数，内容如下，目的就是设置上面这个
的innerHTML/**
* 用户填充footer内容的代码
*/
function fillFooterDOM() {
var footer = document.getElementById("footer");
var content = "";
content += "所有页面都要显示的内容，放到这里"
footer.innerHTML = content;
}
将上面这个函数，放到每一个前端页面都会加载的js文件中(公共文件)，并且在window.onload中调用这个函数即可。上面用的是原生的JavaScript，考虑到兼容性，可以使用JQuery来实现，然后在$(document).ready()中调用这个方法
所有城市list每次从页面花1段时间抽取后写入到数组，
所有城市list每次从页面花1段时间抽取后写入到数组,
jsp页面：js方法里嵌套java代码(是操作数据库的)，如果这个js 方法没被调用，当jsp页面被解析的时候，不管这个js方法有没有被调用这段java代码都会被执行？
jsp页面:js方法里嵌套java代码(是操作数据库的),如果这个js 方法没被调用,当jsp页面被解析的时候,不管这个js方法有没有被调用这段java代码都会被执行? 因为在解析时最新解析的就是JA ...
请写出一段JavaScript代码，要求页面有一个按钮，点击按钮弹出确认框。程序可以判断出用
请写出一段JavaScript代码,要求页面有一个按钮,点击按钮弹出确认框.程序可以判断出用 户点击的是“确认”还是“取消”. 解答:
angularjs中向html页面添加内容节点元素代码段的两种方法
第一种方式:原生JS向html页面添加内容节点元素代码段:
js实现类似页面广告一段时间自动打开一段时间自动关闭的功能
js实现类似页面广告一段时间自动打开一段时间自动关闭的功能 一.总结 Window 对象的 open()方法:window.open('测试页面.html','news','height=300,wi ...
HTML页面弹出窗口调整代码总结
弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如 (正实数)
Java知多少(111)数据库之修改记录
修改数据表记录也有3种方案. 一.使用Statement对象 实现修改数据表记录的SQL语句的语法是: update表名 set 字段名1 = 字段值1,字段名2 = 字段值2,……where特 ...
ifconfig报错：SIOCSIFFLAGS: Operation not permitted
# insmod mt7601Usta.ko rtusb init rt2870 --->usbcore: registered new interface driver rt2870 # iw ...
Linux编程简介
Linux编程可以分为Shell(如BASH.TCSH.GAWK.Perl.Tcl和Tk等)编程和高级语言(C语言,C++语言,java语言等)编程,Linux程序需要首先转化为低级机器语言即所谓的二 ...
抽象数据类型Triplet的C语言实现
#include #include #define ERROR 0 #define OK 1 typedef int Status; ...
APS.NET Cookie
Cookie 提供了一种在 Web 应用程序中存储用户特定信息(如历史记录或用户首选项)的方法. Cookie 是一小段文本.伴随着请求和响应在 Web server和client之间来回传输.Coo ...
C#：查询某年(1900-2100)某月的日历
using System;using System.Collections.Generic;public class Program { /********************主函数 ...
python实战--数据结构二叉树
此文将讲述如何用python实战解决二叉树实验 前面已经讲述了python语言的基本用法,现在让我们实战一下具体明确python的用法 点击我进入python速成笔记 先看一下最终效果图: 首先我们要 ...
更多推荐
html 多页面合并,让多个HTML页面 使用 同一段HTML代码
发布评论