国产探花免费观看_亚洲丰满少妇自慰呻吟_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的方法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 白朗县| 舞阳县| 乐昌市| 合川市| 太康县| 广丰县| 乾安县| 彩票| 梁平县| 中阳县| 保靖县| 类乌齐县| 大庆市| 辉南县| 和林格尔县| 会泽县| 石阡县| 醴陵市| 张家界市| 资源县| 星子县| 环江| 枣阳市| 满城县| 始兴县| 南木林县| 灵石县| 芜湖县| 安阳县| 会理县| 景东| 天气| 焉耆| 玉环县| 南雄市| 桦甸市| 琼结县| 巴彦淖尔市| 盐津县| 禹州市| 寿光市|