静态页面如何动态获取外部参数

方法一，
原理：用Location对象的search属性获得URL中的参数。我用js封装了如下方法，直接粘到页面即可：

(function ($) {
            $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
            }
        })(jQuery);

1，访问页面的url：${base}/test/test.html?id=18；
2，页面粘贴上方代码后，用$.getUrlParam('id')即可取到url所传参数。
方法二,
原理:定义一个js文件，页面引入该js文件，通过动态改变js内容，改变页面内容。
1，js内容为json格式

var param={
        name:"lilei"，
        age:"18",
        path:"test"
    //  name:"hanmeimei"，
    //  age:"20",
    //  path:"online"
    }

2,页面引入该js文件后,通过param.path获取js对应参数内容.

两种方法各有优点,第一种多用于页面与外部数据实时交互,第二种多用于不同环境页面常量维护;