zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    NOIP simulation
    NOIP2013
    BZOJ 4176 Lucas的数论
    BZOJ 3512 DZY Loves Math IV
    BZOJ 3994 Sum
    BZOJ 4174 tty的求助
    BZOJ 3561 DZY Loves Math VI
    BZOJ 2508 简单题/BZOJ 3775 点和直线
    FTR #1 百步穿杨
    BZOJ 4407 于神之怒加强版
  • 原文地址:https://www.cnblogs.com/alibai/p/4017873.html
Copyright © 2011-2022 走看看