html引入另一个html

最新推荐文章于 2024-07-12 16:27:40 发布

weixin_30510153

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量560

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liziyou/p/6437701.html

版权

在写页面的时候，有些东西是一样的，比如头部的导航或者尾部的标注。所以复用的东西可以写到一个文件中，之后再引入，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，ｄｉｖ使用ｃｌａｓｓ引入

<script type="text/javascript">

        $(document).ready(function () {

            $('.configHead').load('homeHeader.html');

            $('.configFoot').load('homeFooter.html');

        });

    </script>

</head>

<body>

<header>

 <div class="configHead">

（２）iframe引入

<iframe name="" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"  width="100%" height="170" src="homeFooter.html"></iframe>

（3）css引入

可以在css定义某个class，将所需要添加的东西负载上去，之后引用该class就可以了

转载于:https://www.cnblogs.com/liziyou/p/6437701.html

weixin_30510153

关注

0
点赞
踩
0

收藏

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

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

扫一扫