在前端开发中，我们经常会使用 Script 标签来引用一些 JavaScript 文件。但是，有时候我们需要向该文件传递一些参数以便其能够更好地运行。
方法一：使用全局变量
最简单的方法是将参数作为全局变量，然后在 JavaScript 文件中使用这些变量。例如：
<script> var myParam = 'Hello, world!'; </script> <script src="myScript.js"></script>
在上面的代码中，我们定义了一个名为 myParam 的全局变量，并将其赋值为字符串 'Hello, world!'。然后，在引用 JavaScript 文件之前，我们将这个变量定义在 <script> 标签中。在 JavaScript 文件中，我们可以像这样访问这个变量：
console.log(myParam); // 输出 "Hello, world!"
这种方法非常简单，但缺点是全局变量容易被误用或被覆盖。
方法二：使用 data-* 属性
另一种方法是使用 HTML5 中的 data-* 属性。这些属性可以用于存储自定义数据，而且不会干扰页面的布局或样式。
例如，我们可以在 HTML 中定义一个带有 data- 前缀的属性：
<div id="myDiv" data-my-param="Hello, world!"></div> <script src="myScript.js"></script>
然后，在 JavaScript 文件中，我们可以使用 getAttribute() 方法获取这个属性的值：
var myParam = document.getElementById('myDiv').getAttribute('data-my-param');
console.log(myParam); // 输出 "Hello, world!"这种方法相对于全局变量来说更加安全，因为它不会干扰其他 JavaScript 代码。但是，它需要在 HTML 中添加额外的标记。
方法三：使用 URL 参数
最后一种方法是使用 URL 参数。我们可以将参数作为查询字符串添加到 JavaScript 文件的 URL 中，然后在文件中解析这些参数。
例如，我们可以在 HTML 中引用 JavaScript 文件时带上参数：
<script src="myScript.js?myParam=Hello,%20world!"></script>
注意，由于 URL 中不能包含空格等特殊字符，所以我们需要将空格转换为 %20。
然后，在 JavaScript 文件中，我们可以使用 location.search 属性获取查询字符串，并使用正则表达式或其他方法解析参数：
var myParam = decodeURIComponent(location.search.replace(new RegExp("^(?:.*[&\\?]" + encodeURIComponent("myParam").replace(/[\.\+\*]/g, "\\$&") + "(?:\\=([^&]*))?)?.*$", "i"), "$1"));
console.log(myParam); // 输出 "Hello, world!"这种方法比较复杂，但是它允许我们向 JavaScript 文件传递多个参数，并且这些参数可以包含任何字符。
总结一下，当我们需要向 JavaScript 文件传递参数时，有三种常见的方法：使用全局变量、使用 data-* 属性和使用 URL 参数。在选择方法时，需要根据具体情况进行权衡。如果参数比较简单且不需要添加额外的标记，可以选择使用全局变量；如果需要添加标记但是参数比较少，可以使用 data-* 属性；如果需要传递多个参数或者参数可能包含任意字符，可以使用 URL 参数。
参考代码：
-- -------------------- ---- ------- -- ---------- --------------------- -- ------ ------ -- --- ------- - --------------------------------------------------------------- --------------------- -- ------ --- -- --- ------- - ---------------------------------------------- --------------------- - -------------------------------------------------- ------- - ----------------------- ----- ------- -------------- - ----------------------------------------------------------- -------- ----------------------------------------------------------------------------------