主页 / 问题 / 1386165
Accepted
skvernoslov
Asked:2022-07-27 23:31:18 +0000 UTC2022-07-27 23:31:18 +0000 UTC

如何获取页面上加载的 JavaScript 的 URL 中传递的参数？

  • 772

假设有一个 index.html 页面加载了 JavaScript 脚本，例如，代码：

<script type="text/javascript" src="script.js?param=1"></script>

在这种情况下，如何获取在这种情况下加载脚本的URL中传递的param参数的值。

PS关于获取页面上所有html脚本元素的方法，然后检查它们的URL以获得所需的脚本地址，然后如果它们匹配则获取参数 - 我知道。

javascript

1 个回答

  1. Best Answer

    有几种方法可以将参数传递给脚本，但如果脚本作为模块 ( ) 加载，它们将不起作用，type="module"因为 使用document.currentScript属性：

    • 使用查询字符串 <script src="customizable.js?q=123" /></script>：
    const u = new URL(document.currentScript.src)
const qs = new URLSearchParams(u.search)
console.log(qs.get("q"))
    • 使用“left”属性<script src="customizable.js" q="123" /></script>（不推荐，因为可能与标准属性冲突）：
    console.log(document.currentScript.getAttribute("q"))
    • 使用data-*属性<script src="customizable.js data-q="123"/></script>（首选方式）：
    console.log(document.currentScript.dataset.q)
    • 1

相关问题