js传参

今天弄了点东西，记录下了。

内容的思路来自于artDialog插件，这个插件的的使用是这样的，你只需要引用它的js文件即可，并要指定皮肤，如xx.js?skin=default，这样你就无需在页面中引入css样式表了。

原理（自我理解）：

获取js的参数，是通过document.getElementsByTagName('script')获取页面中名称为script的节点对象数组，然后迭代对象数组，根据数组中对象的src的值，我们就可以判断那个对象是我们想要的，找到了script节点对象，剩下的所有事情都好办了。

对了，对简单的一个问题我居然差点忘记了，那就是如何动态的在js文件中引入js文件和css文件呢，就是通过document.write的方式将其输出即可，下面内容中有用到。

代码片段如下：

jsp内引用

<script type="text/javascript" src="${appPath}/js/test.js?skin=red"></script>

加载验证插件的入口js，test.js

var _thisScript, _path, _skin;

// load path，解析出当前js的访问路径：http://xxxx.../${appPath}/js。
_path = (function (script, i, me) {
    for (i in script) {
        if (script[i].src && script[i].src.indexOf('apsa_validate') !== -1) {
            me = script[i];
        }
    }

    _thisScript = me || script[script.length - 1];
    me = _thisScript.src.replace(/\\/g, '/');
    return me.lastIndexOf('/') < 0 ? '.' : me.substring(0, me.lastIndexOf('/'));
}(document.getElementsByTagName('script')));

// load js，引入验证插件的js文件 。
document.write(' <script language="javascript" src="'+ _path + '/jquery.bvalidator.js' + '" > <\/script>');

// load css，引入验证插件的css文件 。
_skin = _thisScript.src.split('skin=')[1];
if (_skin) {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = _path + '/themes/' + _skin + '.css?';
    _thisScript.parentNode.insertBefore(link, _thisScript);
}