使用javascript將參數傳遞給外部js文件

Question

我的頭文件中聲明了以下腳本：

<script src="http://www.domain.com/js/widgets.js" type="text/javascript"></script>

指出這一點：

widgets.js

(function () {

    var styleEl = document.createElement("link");
    styleEl.type = "text/css";
    styleEl.href = "http://127.0.0.1:8002/static/css/widgets.css";
    styleEl.rel = "stylesheet";

    //document.getElementsByTagName('head')[0].appendChild(styleEl);
    document.head.appendChild(styleEl);

    document.write("<div id='share_box'>" +
        "<a href='test' target='_blank'>R</a>" +
        "</div>");
})();

我想將變量傳遞給此外部文件，這是我嘗試過的：

<script src="widgets.js" type="text/javascript">
     var url = 'https://www.domain.com/link/'
</script>

如何將變量URL傳遞給外部腳本？ （以安全的方式僅使用javascript-不使用jquery）

Answer 1

您提供的鏈接都是虛構的。 那里沒有任何東西，但是您擁有的代碼如下：

(function () {

    var styleEl = document.createElement("link");
    styleEl.type = "text/css";
    styleEl.href = "http://127.0.0.1:8002/static/css/widgets.css";
    styleEl.rel = "stylesheet";

    //document.getElementsByTagName('head')[0].appendChild(styleEl);
    document.head.appendChild(styleEl);

    document.write("<div id='share_box'>" +
        "<a href='test' target='_blank'>R</a>" +
        "</div>");
})();

無法傳遞變量（在此示例中）

實際上，您不能將參數傳遞給它。 因為它不允許任何操作。

函數如何接收參數

要接收參數，函數必須在聲明時允許參數。 如：

function someFuncName (params) {
  /* then you can say that the parameters would be sent! */
}

您正在說的代碼將不允許任何參數，因為參數沒有任何空間或權限。

如何傳遞參數

但是，要傳遞參數，請使用特定術語

<script>
  functionName(params);
</script>

很簡單。 但是就您而言，您不能！

上面的代碼做什么：

上面的代碼實際執行的操作是添加一個link元素。 如

<link type="text/css" href="http://127.0.0.1:8002/static/css/widgets.css" 
rel="stylesheet" />

接下來要做的是，它將寫一個

<div id="share_box">
  <a href="test" target="_blank">R</a>
</div>

也許上面的代碼會創建一個超鏈接，然后使用href內站點上提供的.css文件設置其樣式。

但是答案仍然是，您不能將參數傳遞給外部文件， 除非或除非您允許。