zoukankan      html  css  js  c++  java
  • HTML实现包含公共部分:通过ECMA6的模块化,纯前端实现类似jsp:include的功能

    以前一直是用 jsp:include 的方式来引入 html 头部的公共部分

    php也有类似的方式

    但以上两种,个人感觉都并不纯粹,本着折腾的精神,优化原有代码,解耦合

    使用 ECMA6 的模块化方式来 纯前端实现引用公共部分

    1.首先,原来的 header.html 改为 header.js, 使用字符串来表示公共需要的标签, 并 export

    2.创建 对应的引用的JS文件,接受 1 export 的 header

    如此,就将 需要的 公共标签给写入了 html的head中

    3.最后,在需要引用的 html文件中,这样写

    结语:

    三步走结束

    这样的代码是挺简短的

    但网上一开始搜,并没有找到现成案例,只能一个个知识点搜索,最终摸索把这个做出来的

    会抄没啥用,要知道怎么抄

    会搜,也得知道怎么搜

  • 相关阅读:
    LA 3882
    Codeforces 161D
    spoj PARTIT
    uva 10496 Collecting Beepers
    uva 10130 SuperSale
    spoj 3885
    NWERC 2012 Problem I Idol
    NWERC 2012 Problem E Edge Case
    【USACO 1.3.2】修理牛棚
    【USACO 1.3.1】混合牛奶
  • 原文地址:https://www.cnblogs.com/ihaokun/p/10290372.html
Copyright © 2011-2022 走看看