已解決430363個問題，去搜搜看，總會有你想問的

將參數傳遞給JavaScript文件

首頁猿問將參數傳遞給JavaScript文件

將參數傳遞給JavaScript文件

JavaScript

拉風的咖菲貓 2019-07-31 15:09:22

將參數傳遞給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();然后搜索我的價值觀。我想知道是否有另一種方法可以做到這一點，而無需構建一個解析我的字符串的函數。你們都知道其他方法嗎？

查看完整描述

3 回答

慕桂英546537

TA貢獻1848條經驗獲得超10個贊

如果可能的話，我建議不要使用全局變量。使用命名空間和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>

反對回復 2019-07-31

慕斯709654

TA貢獻1840條經驗獲得超5個贊

您可以傳遞具有任意屬性的參數。這適用于所有最近的瀏覽器。

<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

反對回復 2019-07-31

倚天杖

TA貢獻1828條經驗獲得超3個贊

我遇到的另一個想法是為元素分配一個“id”并將參數作為data- *屬性傳遞。生成的標記看起來像這樣：

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

然后，腳本可以使用id以編程方式定位自己并解析參數。給定前一個標記，可以像這樣檢索名稱：

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

我們得到name = helper

反對回復 2019-07-31

3 回答
0 關注
541 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

將參數傳遞給JavaScript文件

將參數傳遞給JavaScript文件

3 回答

添加回答