国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript中動態加載js文件多種解決辦法總結

2019-11-20 21:41:01
字體:
來源:轉載
供稿:網友

一個比較全部在動態加方法

復制代碼 代碼如下:

/*
    動態加載js v1.0 by:dum
    用法:src="webJsBase.js?load=a,b"
    注:加載本目錄下js
*/
var webJsBase = {
    require: function(libraryName) {
        document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
    },
    load: function(defaultLoad) {
        if((typeof Prototype=='undefined')||(typeof Element == 'undefined')||(typeof Element.Methods=='undefined'))
        throw ('prototype lib 加載失敗!');
        if(typeof defaultLoad=='undefined')defaultLoad='';
        var js = /webJsBase.js(?.*)?$/;
        $$('head script[src]').findAll(function(s) {
            return s.src.match(js);
        }).each(function(s) {
            var path = s.src.replace(js, '');
            var includes = s.src.match(/?.*load=([a-zA-Z0-9_,]*)/);
            (includes ? includes[1] : defaultLoad).split(',').each(function(include) {
                webJsBase.require(path + include + '.js');
            });
        });
    }
};
webJsBase.load(); //這里參數可以指定默認要加載的js文件

這是最簡單的方法在加載完后再利用直接document.write 如下圖。

復制代碼 代碼如下:

<script language="javascript">

    document.write("<script src='test.js'></script>");

</script>

給script加個id再去動態改變已有script的src 屬性

復制代碼 代碼如下:

<script src='' id="s1"></script>

<script language="javascript">

    s1.src="test.js"

</script>

這里利用getElementsByTagName('HEAD')動態創建 script元素

復制代碼 代碼如下:

<script>

    var oHead = document.getElementsByTagName('HEAD').item(0);

    var oScript= document.createElement("script");

    oScript.type = "text/javascript";

    oScript.src="test.js";

    oHead.appendChild( oScript);

</script>

還可以這樣嘗試一下,自定一個函數

復制代碼 代碼如下:

function include(src) {
HTMLCode = '<script language="javascript" src="' + src + '"></script>';
document.write(HTMLCode);
}

調用方法,這樣看上去就你php的include函數了
復制代碼 代碼如下:

include(baseDir + "/Prototype.js");
include(baseDir + "/Map.js");
include(baseDir + "/MapEvent.js");

include(baseDir + "/model/MapModel.js");
include(baseDir + "/model/MapType.js");
include(baseDir + "/model/Tile.js");

還有朋友說可以使用ExtJs4 動態加載js這里我就不介紹了,上面的方法足夠讓你實現動態加載js了.

所以在采用這類方法動態加載Js 的同時,主界面的Js腳本是繼續執行的,所以可能出現通過異步加載的Js代碼得不到預期的效果的情況。

這時候可以考慮采用Ajax加載Js的方法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 仪陇县| 东平县| 佛教| 甘德县| 柳河县| 民乐县| 深圳市| 乐清市| 巧家县| 惠水县| 志丹县| 荆门市| 凭祥市| 瓮安县| 金门县| 齐河县| 炎陵县| 河南省| 邮箱| 泸溪县| 白山市| 光泽县| 江华| 云霄县| 宁津县| 泌阳县| 容城县| 卓资县| 庄河市| 二连浩特市| 大兴区| 通渭县| 神农架林区| 双桥区| 治县。| 日土县| 克什克腾旗| 罗定市| 宁陕县| 宁陕县| 剑阁县|