javascript - 读取加载页面时返回的脚本的属性

Question

我正在运行一个React应用程序，当我渲染除 bundle 和其他一些文件之外的主页时，我得到这个名为https://grcontent.experience-booking.com/file/localhost_script的javascript脚本。 js:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-101203313-3"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-101203313-3');
</script>

在我的主 js 文件中，我想以某种方式访问​​此脚本内的 url，但我不知道该怎么做？我想这样做的原因是执行另一个具有“UA-101203313-3”属性的脚本。非常感谢

Answer 1

您应该能够使用querySelector，并执行类似的操作来获取 URL

注意，我更改了脚本 src url，因此实际上会调用它

var tag = document.querySelector('script[src^="https://www.googletagmanager"]');
var url = tag.src;
console.log(url)

// and one could also very simple get the id, like this
var params = (new URL(tag.src)).searchParams;
console.log(params.get("id"))

<script async src="https://www.googletagmanager_oops.com/gtag/js?id=UA-101203313-3"></script>