Question

【高分】求帮写一个把js和css动态插入HTML中的js

网上很多关于动态输出js 和css的资料，但是今天我需要按我的要求去是现实，求大神帮写一下，200分拿去，可私聊。

要求如下：

用变量申明通用域名为“http://域名/”。 //为了方便换域名

用变量申明通用js 存放目录为 “web/1.8.3/js”。//所有的js都放里面
用变量申明通用css 存放目录为 “web/1.0.1/css”。//所有的css都放里面

然后定义列出将要动态输出到HTML页面中的哪些js文件和css

输出的js文件为

jquery.min.js
jquery.lazyload.js
jquery.autocomplete.js
common.min.js
home.js
index.min.js

输出的css文件为

01.css
02.css
03.css
04.css
05.css

在html页面中动态插入效果如下

<script src="http://域名/web/1.8.3/jquery.min.js"></script>
<script src="http://域名/web/1.8.3/jquery.lazyload.js"></script>
<script src="http://域名/web/1.8.3/jquery.autocomplete.js"></script>
<script src="http://域名/web/1.8.3/common.min.js"></script>
<script src="http://域名/web/1.8.3/home.js"></script>
<script src="http://域名/web/1.8.3/index.min.js"></script>

<link type="text/css" rel="stylesheet" href="http://域名/web/1.0.1/01.css">
<link type="text/css" rel="stylesheet" href="http://域名/web/1.0.1/02.css">
<link type="text/css" rel="stylesheet" href="http://域名/web/1.0.1/03.css">
<link type="text/css" rel="stylesheet" href="http://域名/web/1.0.1/04.css">
<link type="text/css" rel="stylesheet" href="http://域名/web/1.0.1/05.css">

Answer 1

var domain="http://域名/";
var jspath="web/1.8.3/";
var csspath="web/1.0.1/";
var jsfiles=[
    "jquery.min.js",
    "jquery.lazyload.js",
    "jquery.autocomplete.js",
    "common.min.js",
    "home.js",
    "index.min.js"
];
var cssfiles=[
    "01.css",
    "02.css",
    "03.css",
    "04.css",
    "05.css"
];
function addjs(){
    for(var i=0;i<jsfiles.length;i++){
        var s=document.createElement("script");
        s.src=domain+jspath+jsfiles[i];
        document.getElementsByTagName("head")[0].appendChild(s);
    }
}
function addcss(){
    for(var i=0;i<cssfiles.length;i++){
        var s=document.createElement("link");
        s.type="text/css";
        s.rel="stylesheet"
        s.href=domain+csspath+cssfiles[i];
        document.getElementsByTagName("head")[0].appendChild(s);
    }
}
addjs();
addcss();