使用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! */
}

您所说的代码不允许任何参数，因为param没有任何空间或权限。

如何传递参数

但是，要传递参数，请使用特定术语

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

简单就是。但在你的情况下，你不能！

以上代码的作用：

上面的代码实际上做的是添加一个链接元素。如

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

但答案仍然是，你不能将参数传递给外部文件，直到或除非允许你这样做。