zoukankan      html  css  js  c++  java
  • html引入另一个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文件引入

    (1)Js方法  引入homeHeader.html和homeFooter.html,div使用class引入

    <script type="text/javascript">
    
            $(document).ready(function () {
    
                $('.configHead').load('homeHeader.html');
    
                $('.configFoot').load('homeFooter.html');
    
            });
    
        </script>
    
    </head>
    
    <body>
    
    <header>
    
     <div class="configHead">
    

    (2)iframe引入 

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

    (3)css引入

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



  • 相关阅读:
    Vue Router详细教程
    Vue CLI使用
    百度点选识别,单字90+
    CPU毫秒级 | 极验点选识别
    Linux内核之进程管理
    Linux内核之基本概念
    MySQL InnoDB技术内幕:内存管理、事务和锁
    ZooKeeper简介
    分布式一致性协议之ZAB
    图解HTTP读书笔记
  • 原文地址:https://www.cnblogs.com/liziyou/p/6437701.html
Copyright © 2011-2022 走看看