從頁面向js傳值

Js代碼 
$(function() { 
    //從頁面得到參數 
    var getArgs = (function() { 
        var sc = document.getElementsByTagName('script'); 
        var paramsArr = sc[sc.length - 1].src.split('?')[1].split('&'); 
        var args = {}, argsStr = [], param, t, name, value; 
        for ( var i = 0, len = paramsArr.length; i < len; i++) { 
            param = paramsArr[i].split('='); 
            name = param[0], value = param[1]; 
            if (typeof args[name] == "undefined") { // 參數尚不存在 
                args[name] = value; 
            } else if (typeof args[name] == "string") { // 參數已經存在則保存為數組 
                args[name] = [ args[name] ] 
                args[name].push(value); 
            } else { // 已經是數組的 
                args[name].push(value); 
            } 
        } 
        /* 在實際應用中下面的showArg和args.toString可以刪掉，這裡只是為了測試函數getArgs返回的內容 */ 
        var showArg = function(x) { // 轉換不同數據的顯示方式 
            if (typeof (x) == "string" && !/\d+/.test(x)) 
                return "'" + x + "'"; // 字符串 
            if (x instanceof Array) 
                return "[" + x + "]" // 數組 
            return x; // 數字 
        } 
        // 組裝成json格式 
        args.toString = function() { 
            for ( var i in args) 
                argsStr.push(i + ':' + showArg(args[i])); 
            return '{' + argsStr.join(',') + '}'; 
        } 
        return function() { 
            return args; 
        } // 以json格式返回獲取的所有參數 
    })(); 
}); 
 有這個方法就可以從頁面上向js傳參數了
 
Html代碼 
<script src="../example.js?id=1" type="text/javascript"></script> 
 例如在頁面裡有引用example.js並傳參等於1的id，那麼我們在example.js裡用getArgs()[id] 就能得到id的值

作者“fresh-daily”