HTML抽组件：对header和footer抽取_吃葡萄要吐皮的博客-程序员秘密

第一种方式：用JS来抽取。把header和footer的内容用站长之家工具，从html转为JS形式，保存为footer.js。例如：

<footer class="footer-dark">
   
</footer>

document.writeln("<footer class=\'footer-dark\'>");
document.writeln("    </footer>");

然后把原来的html文件中的footer删除掉，引用footer.js的路径

<script src="../file/js/footer.js"></script>

但是这种方式没法用VUE，如果footer或header里原来有互动，就得重新在footer.js里用Jquery重新写一遍。

所以在引用footer.js之前要引入

<script src="../resources/js/jquery-2.2.3.min.js"></script>。

第二种方式：

原本的html文件通过ajax访问footer.html文件。

把footer的html部分单独新建为html文件。在原本的html文件中，通过如下方式插入到script里。这种方式可以继续利用之前的VUE互动操作。但是如何从一个html中引入另一个html的部分内容还没搞会。目前就是在一个html中插入另一个html的全部内容。

 $(document).ready(function() {
        bodyContent = $.ajax({
            url: "footer.html",
            type: "GET",
            dataType: "html",
            async: false,
            success: function(data) {
                $(".footer-dark").html(data);
            }
        })
    });

本文链接：https://blog.csdn.net/qq_40088443/article/details/88342932

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

mysql通用表空间特点_浅谈mysql中各种表空间（tablespaces）的概念_weixin_39644377的博客-程序员秘密

浅谈mysql中各种表空间(tablespaces)的概念发布时间：2020-08-10 04:12:24来源：ITPUB博客阅读：128作者：sqyslmysql中，会涉及到各种表空间的概念，虽然，很多方面这些概念和Oracle有相似性，但也有很多不同的地方，初学者很容易被这些概念弄的晕头转向，从而，混淆这些概念的区别和理解，下面，就简要介绍和说明一下这些表空间的概念。1.系统表空间(Syste...

Maven使用总结（一）：Maven坐标配置_yunyun1886358的博客-程序员秘密

Maven坐标配置

排序算法之：直接插入排序和希尔排序(java)_9基本排序算法:直接插入排序与希尔排序-简书_Free188X的博客-程序员秘密

排序算法的分类：内部排序：整个排序过程在内存储器中进行。外部排序：由于待排序元素数量太大，以至于内存储器无法容纳全部数据，排序需要借助外部存储设备才能完成。直接插入排序与希尔排序效率：类别排序方法时间复杂度空间复杂度排序方式稳定性平均时间复杂度最好情况最坏情况插入排序直接插入排序 ...

循环数组对象，并且返回一个新的数组对象_循环返回新的数组_Cool_so_cool的博客-程序员秘密

最基础的，感觉挺好用```javascript[ {dd:'22',AA:'张三',re1:123}, {dd:'33',AA:'李四',re1:234}, {dd:'44',AA:'我去',re1:456}];var arr=[];理想目标arr=[ {AA:'张三',re1:123}, {AA:'李四',re1:234}, {AA:'我去',re1:456}] ```javascript在这里插入var data = [ {dd:'22',AA:'张三

<转>JS正则表达式大全(整理详细且实用)_weixin_30613727的博客-程序员秘密

正则表达式中的特殊字符字符含意 \ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了"\"后，/a\*/将只匹配"a*"。 ^ 匹配一个输入或一行的开头，/^a/匹配"an A"，而不匹配"An...

【深度之眼Python基础+数据科学入门训练营】第十二章 Pandas库_FlanTaLE的博客-程序员秘密

第十二章 Pandas库引子Numpy 在向量化的数值计算中表现优异但是在处理更灵活、复杂的数据任务：如为数据添加标签、处理缺失值、分组和透视表等方面Numpy显得力不从心而基于Numpy构建的Pandas库，提供了使得数据分析变得更快更简单的高级数据结构和操作工具12.1 对象创建12.1.1 Pandas Series对象Series 是带标签数据的一维数组Series对...