将参数传递给JavaScript文件

Question

将参数传递给JavaScript文件我经常会有一个我想要使用的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();然后搜索我的价值观。我想知道是否有另一种方法可以做到这一点，而无需构建一个解析我的字符串的函数。你们都知道其他方法吗？

Answer 1

如果可能的话，我建议不要使用全局变量。使用命名空间和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>

Answer 2

您可以传递具有任意属性的参数。这适用于所有最近的浏览器。

<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 valuevar 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

Answer 3

我遇到的另一个想法是为元素分配一个“id”并将参数作为data- *属性传递。生成的标记看起来像这样：

<script id="helper" data-name="helper" src="helper.js"></script>

然后，脚本可以使用id以编程方式定位自己并解析参数。给定前一个标记，可以像这样检索名称：

var name = document.getElementById("helper").getAttribute("data-name");

我们得到name = helper