首页 / JQUERY / jquery，js引入css文件，js引入头尾

jquery，js引入css文件，js引入头尾

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery，js引入css文件，js引入头尾，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1348字，纯文字阅读大概需要2分钟。

内容图文

jquery，js引入css文件，js引入头尾

今天在项目中，需要把20多个页面加上头和尾部，头和尾是我写的，所以小师傅把这个工作交给我了。

我开始往里面加，先引入common.css，在body开始标签下面添加<header></header>,在body结束标签的地方添加<footer></footer>，然后引入common.js文件，还有每行添加注释

例如：

            <!--
             header 
            -->
            <
            header
            ></
            header
            >
            <!--
             footer 
            -->
            <
            footer
            ></
            footer
            >
            <!--
             common.css 
            -->
            <
            link 
            rel
            ="stylesheet"
             href
            ="../assets/css/common.css"
            >
            <!--
             common.js 
            -->
            <
            script 
            src
            ="../assets/js/common.js"
            ></
            script
            >

然后，改了三个文件之后，我怒了。。。。。。

既然这些要引入，以前做jsp的时候，这样引入公共文件：

<%@ include file="test.jsp"%>

而现在做php，这样写：

<?php 
   require  ROOT_PATH.‘includes/header.inc.php‘;
?>

<?php 
   require  ROOT_PATH.‘includes/footer.inc.php‘;

   ?>

作为一个前端，是不是可以达到同样的效果呢？果断百度，综合了一下，写成了这样：

$(function(){
    /* 添加头尾标签 */
    $("<header></header>").insertBefore("body div:first");
    $("<footer></footer>").appendTo("body");

    /* 加载头尾内容 */
    $("header").load("header.html");
    $("footer").load("footer.html");

    /* 添加样式表common.css */
    $("head").append("<link>");
    css = $("head").children(":last");
    css.attr({
        rel: "stylesheet",
        type: "text/css",
        href: "../assets/css/common.css"
    });
})

然后，只需这样：

<script src="../assets/js/common.js"></script>

完事。这样前端出页面时，也不必苦苦等候后台的帮助了，也不用问他们怎么加入了，一行搞定~~~

原文：http://www.cnblogs.com/siwy/p/4950470.html

内容总结

以上是互联网集市为您收集整理的jquery，js引入css文件，js引入头尾全部内容，希望文章能够帮你解决jquery，js引入css文件，js引入头尾所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1060386.html

来源：【匿名】