通常我会有一个我想使用的 JavaScript 文件，它需要在我的网页中定义某些变量。
所以代码是这样的：
<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
var obj1 = "somevalue";
</script>
但我想做的是：
<script type="text/javascript"
src="file.js?obj1=somevalue&obj2=someothervalue"></script>
我尝试了不同的方法，最好的方法是像这样解析查询字符串：
var scriptSrc = document.getElementById("myscript").src.toLowerCase();
然后搜索我的value观。
我想知道是否有另一种方法可以在不构建函数来解析我的字符串的情况下做到这一点。
大家知道其他方法吗？
如果可能，我建议不要使用全局变量。使用命名空间和 OOP 将您的参数传递给一个对象。
此代码属于 file.js：
var MYLIBRARY = MYLIBRARY || (function(){
var _args = {}; // private
return {
init : function(Args) {
_args = Args;
// some other initialising
},
helloWorld : function() {
alert('Hello World! -' + _args[0]);
}
};
}());
在你的 html 文件中：
<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
MYLIBRARY.init(["somevalue", 1, "controlId"]);
MYLIBRARY.helloWorld();
</script>
您可以传递具有任意属性的参数。这适用于所有最近的浏览器。
<script type="text/javascript" data-my_var_1="some_val_1" data-my_var_2="some_val_2" src="/js/somefile.js"></script>
在 somefile.js 中，您可以通过以下方式获取传递的变量值：
…………
var this_js_script = $('script[src*=somefile]'); // or better regexp to get the file name..
var my_var_1 = this_js_script.attr('data-my_var_1');
if (typeof my_var_1 === "undefined" ) {
var my_var_1 = 'some_default_value';
}
alert(my_var_1); // to view the variable value
var my_var_2 = this_js_script.attr('data-my_var_2');
if (typeof my_var_2 === "undefined" ) {
var my_var_2 = 'some_default_value';
}
alert(my_var_2); // to view the variable value
...等等...
我遇到的另一个想法是id为<script>元素分配一个并将参数作为data-*属性传递。结果<script>标签看起来像这样：
<script id="helper" data-name="helper" src="helper.js"></script>
然后脚本可以使用 id 以编程方式定位自身并解析参数。给定前一个<script>标签，可以像这样检索名称：
var name = document.getElementById("helper").getAttribute("data-name");
我们得到name=helper
看看这个网址。它完全符合要求。
http://feather.elektrum.org/book/src.html
非常感谢作者。为了快速参考，我粘贴了以下主要逻辑：
var scripts = document.getElementsByTagName('script');
var myScript = scripts[ scripts.length - 1 ];
var queryString = myScript.src.replace(/^[^\?]+\??/,'');
var params = parseQuery( queryString );
function parseQuery ( query ) {
var Params = new Object ();
if ( ! query ) return Params; // return empty object
var Pairs = query.split(/[;&]/);
for ( var i = 0; i < Pairs.length; i++ ) {
var KeyVal = Pairs[i].split('=');
if ( ! KeyVal || KeyVal.length != 2 ) continue;
var key = unescape( KeyVal[0] );
var val = unescape( KeyVal[1] );
val = val.replace(/\+/g, ' ');
Params[key] = val;
}
return Params;
}
您使用全局变量:-D。
像这样：
<script type="text/javascript">
var obj1 = "somevalue";
var obj2 = "someothervalue";
</script>
<script type="text/javascript" src="file.js"></script">'file.js' 中的 JavaScript 代码可以访问obj1并且obj2没有问题。
编辑只想补充一点，如果“file.js”想要检查是否obj1并且obj2甚至已经声明，您可以使用以下函数。
function IsDefined($Name) {
return (window[$Name] != undefined);
}希望这可以帮助。