• 使用jQuery加载script脚本

    2015-01-04 1277阅读 0评论

    原文链接: Loading Scripts with jQuery

    JavaScript loaders加载器简单强大而又非常有用。我在博客上介绍过其中一些,例如 curljs  和 LABjs ,也在个人项目中使用 RequireJS 和 Dojo 加载程序。他们是如此的强大,但在某些情况下可能是杀鸡用牛刀了。如果你正在使用jQuery,就会发现jQuery内置了加载单个脚本的方法,如果你想 延迟加载插件或其他类型的脚本,可能该方法会派上用场。下面介绍如何使用它!

    The jQuery JavaScript
    jQuery提供了 getScript 方法来加载脚本;可以通过多种方式进行结果处理。jQuery.getScript基本用法如下:

    1
    2
    3
    jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) { 
        /* 当script加载并执行完成之后,可以在此处执行一些特殊处理. */ 
    }); 

     getScript方法的回调函数提供了一个jqxhr参数.当然,也可以像下面这样处理:

    1
    2
    3
    4
    5
    6
    7
    jQuery.getScript("/path/to/myscript.js"
        .done(function() { 
            /* 加载成功 */ 
        }) 
        .fail(function() { 
            /* 加载失败,进行 fall back 处理 */ 
    }); 

     jQuery.getScript 最常见的使用场景,是延迟加载某个插件,并在加载完成后使用它:

    1
    2
    3
    4
    jQuery.getScript("jquery.cookie.js"
        .done(function() { 
            jQuery.cookie("cookie_name", "value", { expires: 7 }); 
    }); 

     假如需要更高级的加载功能,比如同时加载多个脚本,或者加载不同类型的文件(文本、图片、css等等),那你应该换一个 JavaScript loader.
    有时候我们想要在某种特定条件满足之后,再延迟加载一个插件,那么 $.getScript 是非常好的解决方案。

     

     

    原文链接:http://blog.csdn.net/renfufei/article/details/18039237

     

     

    另一种方法:

    如添加jquery.js


    var SCRIPT = document.createElement("SCRIPT");
    SCRIPT.src = "noie6/js/jquery.js";
    SCRIPT.type = "text/javascript";
    document.getElementsByTagName("HEAD").item(0).appendChild(SCRIPT);

     

    posted @   webnote  阅读(1277)  评论(0编辑  收藏  举报
    我要评论

    编辑推荐:
    · 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
    · 一次Java后端服务间歇性响应慢的问题排查记录
    · dotnet 源代码生成器分析器入门
    · ASP.NET Core 模型验证消息的本地化新姿势
    · 对象命名为何需要避免'-er'和'-or'后缀
    阅读排行:
    · “你见过凌晨四点的洛杉矶吗?”--《我们为什么要睡觉》
    · 编程神器Trae:当我用上后,才知道自己的创造力被低估了多少
    · C# 从零开始使用Layui.Wpf库开发WPF客户端
    · C#/.NET/.NET Core技术前沿周刊 | 第 31 期(2025年3.17-3.23)
    · 接口重试的7种常用方案!
    点击右上角即可分享
    微信分享提示