html引入另一个html

最新推荐文章于 2022-09-04 14:57:10 发布

夏沫Aaron

最新推荐文章于 2022-09-04 14:57:10 发布

阅读量226

点赞数

分类专栏： JavaScript 文章标签： html

本文链接：https://blog.csdn.net/baidu_33742205/article/details/90510805

版权

在HTML页面开发中，为了实现头部导航或尾部标注等元素的复用，可以通过JavaScript方法、iframe以及CSS引入等方式进行。本文介绍了如何使用JS通过div class引入homeHeader.html和homeFooter.html，利用iframe以及CSS定义class来实现HTML片段的引入和复用。

摘要由CSDN通过智能技术生成

在写页面的时候，有些东西是一样的，比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中，之后再引入，angularjs或是jsp中都有很好的标签引入，而html没有，但是可以借助一些方式进行引入。

angularjs文件引入

 angularjs 头部引入

<head>
    <% include configHead.ejs %>
    <title>后台管理</title>
</head>

angularjs 尾部或中部引入

<% include homeFooter.ejs %>

jsp文件引入

<%@ include file="文件名" %>//(等于是将两个jsp合并为一个jsp)或
<jsp：include page="文件名">//(相当于将两个jsp执行后的内容合并成一个页面)

html文件引入

（１）Ｊｓ方法　引入homeHeader.html和homeFooter.html，ｄｉｖ使用ｃｌａｓｓ引入

最低0.47元/天解锁文章

夏沫Aaron

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html引入另一个html

在写页面的时候，有些东西是一样的，比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中，之后再引入，angularjs或是jsp中都有很好的标签引入，而html没有，但是可以借助一些方式进行引入。angularjs文件引入 angularjs 头部引入<head> <% include configHead.ejs %> <t...
复制链接

扫一扫