Javascript 文件加载

2020-02-10 - JavaScript

当您只想在加载某一个javascript文件时才加载外部javascript文件时,此对象很有用。

这样,您将形成某种可链接的javascript库加载,这将保证您仅在加载了依赖项时才加载每个文件。

用法

此示例说明如何加载jQuery库,并且仅在完全加载时加载jQuery UI库,然后加载脚本–“ your-script.js”。

源码

/**
*
*  加载外部 javascript 文件
*
**/
scriptLoader.load([
    'http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js',
    'http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js'
    '/your_script.js'
]);


var scriptLoader = {
    _loadScript: function (url, callback) {
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = url;
        if (callback) {
            script.onreadystatechange = function () {
                if (this.readyState == 'loaded') callback();
            }
            script.onload = callback;
        }
        head.appendChild(script);
    },

    load: function (items, iteration) {
        if (!iteration) iteration = 0;
        if (items[iteration]) {
            scriptLoader._loadScript(
                items[iteration],
                function () {
                    scriptLoader.load(items, iteration+1);
                }
            )
        }
    }
}

- END -

13
0

获取浏览器信息

获取浏览器信息

functiongetExploreName(){varuserAgent=navigator.userAgent;alert(userAgent);if(userAgent.indexOf("Opera")>-1||userAgent.indexOf("OPR& ...

HTML5 Canvas中绘制椭圆的4种方法

HTML5 Canvas中绘制椭圆的4种方法

概述HTML5中的Canvas并没有直接提供绘制椭圆的方法,下面是对几种绘制方法的总结。各种方法各有优缺,视情况选 ...

$.load 函数的妙用

$.load 函数的妙用

Bootstrap3.dialog插件中有这样一个类似代码:message:$('<div></div>').load('remote.html'),开始想都没想, ...

jQuery 自定义函数

jQuery 自定义函数

方法一://定义:$.box=function(x){alert(x);}//调用:$.box("OK");方法二://定义:$.box={test:function(x){alert(x);}}//调用 ...

JS 数据类型判断

JS 数据类型判断

JS数据类型判断的几个函数1、typeofvara=10;varb="string";varc=true;vard=newArray();vare={a:0,b:0};varf=function(){};varg=/^[a-zA-Z ...

禁用选择,复制,拷贝

禁用选择,复制,拷贝

$(window).bind("contextmenu",function(e){returnfalse;});$(window).bind('selectstart',function(event){returnfalse;});$(window).bind(& ...