使用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文件设置其样式。

但是答案仍然是，您不能将参数传递给外部文件， 除非或除非您允许。