首页 > js或jq拼装html,实现每个页面使用相同头部和底部

js或jq拼装html,实现每个页面使用相同头部和底部

因为一个网站的头部,导航,底部都是一样的,希望把他们各自做成一个html文件或其它文件,然后应用到每个页面上去,js有什么方法?

不希望使用以下两个方法:
1、iframe标签
2、把html头部的代码作为字符串写到js文件中,再使用append()或者html()等注入html dom

因为第一种方法还要再加载一次jq,在最外层dom引入的js也不能控制iframe中的元素
第二种方法修改头部时很麻烦,代码也不易于观看。

希望能做到:
头部代码写在一个单独的文件,如html,然后使用js或者jq把它插入到其它页面中。

可以使用html5,html页面可以改成jsp页面~~~~


JSP的话可以用sitemesh
http://www.oschina.net/p/sitemesh


第二种方法,既然你可以想到把头部写到JS中为什么不可以考虑直接写到HTML中然后AJAX获取HTML文件内容加载上呢,特别是jQUery有$.load这么方便的函数的情况下。另外,如果你是做HTML5网站的话完全可以考虑用HTML原生的import功能:http://www.w3.org/TR/html-imports/


可以使用shtml,像淘宝就在使用,随意定制页面模块


jQuery load 不知道是不是你想要的.

【热门文章】
【热门文章】