守望者--AIR技术交流

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

搜索
热搜: ANE FlasCC 炼金术
查看: 634|回复: 0

[技术资料] js "include"其他js / css 文件

[复制链接]
  • TA的每日心情
    擦汗
    2018-4-10 15:18
  • 签到天数: 447 天

    [LV.9]以坛为家II

    1742

    主题

    2094

    帖子

    13万

    积分

    超级版主

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    威望
    562
    贡献
    29
    金币
    51756
    钢镚
    1422

    开源英雄守望者

    发表于 2016-3-4 09:22:44 | 显示全部楼层 |阅读模式
    t.html
    1. <html>  
    2. <body>  
    3. <label id="sp">aaa</label>  
    4. </body>  
    5. <script type="text/javascript" src="a.js"></script>  
    6. </html>  
    复制代码
    a.js
    1. function $import(path, type){  
    2. var i,   
    3. base,   
    4. src = "a.js", //html中已经加载的js文件,为的是取得base路径  
    5. scripts = document.getElementsByTagName("script");  
    6. for (i = 0; i < scripts.length; i++) { //遍历html中已经加载的js,取得整个应用加载js的base路径  
    7. if (scripts[i].src.match(src)) {  
    8. base = scripts[i].src.replace(src, "");  
    9. break;  
    10. }  
    11. }  
    12.   
    13. if (type == "css") {  
    14. document.write("<" + "link href=\"" + base + path + "\" rel=\"stylesheet\" type=\"text/css\"></" + "link>");  
    15. } else {  
    16. document.write("<" + "script src=\"" + base + path + "\"></" + "script>");  
    17. }  
    18. }  
    19. $import('b.css', 'css');  
    20. $import('b.js', 'js');  
    复制代码

    其中这段可以去掉,import的时候写全路径

    1. var i,
    2. base,
    3. src = "a.js", //html中已经加载的js文件,为的是取得base路径
    4. scripts = document.getElementsByTagName("script");
    5. for (i = 0; i < scripts.length; i++) { //遍历html中已经加载的js,取得整个应用加载js的base路径
    6. if (scripts[i].src.match(src)) {
    7. base = scripts[i].src.replace(src, "");
    8. break;
    9. }
    10. }
    复制代码

    修改结果如下

    1. function $import(path, type){
    2. if (type == "css") {
    3. document.write("<" + "link href=\"" + path + "\" rel=\"stylesheet\" type=\"text/css\"></" + "link>");
    4. } else {
    5. document.write("<" + "script src=\"" + path + "\"></" + "script>");
    6. }
    7. }
    8. $import('b.css', 'css');
    9. $import('b.js', 'js');
    复制代码


    /*注意2个问题:

    *1:同时import css和js文件时,应该把css放在前面,好让界面效果先展现出来

    2:a.js放在t.html的body前,还是body后是有讲究的 */

    b.js

    1. alert("ok");
    复制代码

    b.css

    1. #sp {color:blue;}
    复制代码


    来源:http://blog.csdn.net/beiji_nanji/article/details/7556907


    守望者AIR技术交流社区(www.airmyth.com)
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    
    关闭

    站长推荐上一条 /4 下一条

    QQ|手机版|Archiver|网站地图|小黑屋|守望者 ( 京ICP备14061876号

    GMT+8, 2019-10-23 00:39 , Processed in 0.048563 second(s), 36 queries .

    守望者AIR

    守望者AIR技术交流社区

    本站成立于 2014年12月31日

    快速回复 返回顶部 返回列表