js或jq拼装html,实现每个页面使用相同头部和底部 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

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

2016-06-15 17:50:05 3027 2

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

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

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

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

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

取消 提交回答
全部回答(2)
  • dophy
    2019-07-17 19:39:55

    两个建议:

    1. 如果后端是用的vm或者jsp等,可以在vm或jsp中include相同的头和尾
    2. 如果是纯前端的html,可以在项目架构的时候,也采取伪“include”的方式来插入头尾,在构建的时候,自动将头尾加上,生成完成的html
    0 0
  • 杨冬芳
    2019-07-17 19:39:55

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

    0 0
添加回答
相关问答

40

回答

[@徐雷frank][¥20]什么是JAVA的平台无关性

大河人家 2018-10-29 23:55:20 144738浏览量 回答数 40

162

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 226186浏览量 回答数 162

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157715浏览量 回答数 145

8

回答

OceanBase 使用动画(持续更新)

mq4096 2019-02-20 17:16:36 337038浏览量 回答数 8

13

回答

[@饭娱咖啡][¥20]我想知道 Java 关于引用那一块的知识

心意乱 2018-10-31 18:44:12 142466浏览量 回答数 13

110

回答

OSS存储服务-客户端工具

newegg11 2012-05-17 15:37:18 295586浏览量 回答数 110

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147253浏览量 回答数 22

18

回答

阿里云开放端口权限

xcxx 2016-07-20 15:03:33 646821浏览量 回答数 18

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146052浏览量 回答数 31

42

回答

【精品问答集锦】Python热门问题

小六码奴 2019-05-30 15:27:34 137053浏览量 回答数 42
+关注
杨冬芳
IT从业
1
文章
9167
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载