• jquery动态加载js/css文件方法


    先来看jquery自带的getSrcript文件

    方法

    代码如下 复制代码
    $.getScript(url,callback)

    实例

    代码如下 复制代码
    var testVar = 'New JS loaded!';
    alert(testVar); function newFun(dynParam) {
    alert('You just passed '+dynParam+ ' as parameter.');
    }

    动态调用方法

    HTML代码

    代码如下 复制代码
    <script type="text/javascript" src="../jquery.js"></script>

    <script type="text/javascript">

    $(function()

    {

    $('#loadButton').click(function(){

    $.getScript('new.js',function(){

    newFun('"Checking new script"');//这个函数是在new.js里面的,当点击click后运行这个函数

    });

    });

    });

    </script>

    </head>

    <body>

    <button type="button" id="loadButton">Load</button>

    上面的只能动态加载js代码,但不能加载css,后来自己写了一个可加载js与css的程序。

    代码如下 复制代码
    $.extend({
    includePath: '',
    include: func(www.111cn.net)tion(file)
    {
    var files = typeof file == "string" ? [file] : file;
    for (var i = 0; i < files.length; i++)
    {
    var name = files[i].replace(/^s|s$/g, "");
    var att = name.split('.');
    var ext = att[att.length - 1].toLowerCase();
    var isCSS = ext == "css";
    var tag = isCSS ? "link" : "script";
    var attr = isCSS ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ";
    var link = (isCSS ? "href" : "src") + "='" + $.includePath + name + "'";
    if ($(tag + "[" + link + "]").length == 0) document.write("<" + tag + attr + link + "></" + tag + ">");
    }
    }
    });
    $.include(['hdivbox.js','pop_win.css']);

    from:http://www.111cn.net/wy/jquery/45691.htm

  • 相关阅读:
    Web开发人员需知的Web缓存知识
    SQLServer常见性能问题
    C#面试常见题
    SQL Server数据库大型应用解决方案总结
    asp.net 缓存
    asp.net 的页面几种传值方式
    C# 连接SQL数据库以及操作数据库
    变量命名规则
    C# 委托
    删除文件
  • 原文地址:https://www.cnblogs.com/alibai/p/4017873.html
Copyright © 2020-2023  润新知