获取文档头中脚本和样式的 url

Question

有什么方法可以获取加载到文档头部的外部 CSS 和 Javascript 的 URL？

例如在头部：

<script type="text/javascript" src="/path/somewhere/script.js">
<link rel="stylesheet" href="/path/somewhere/styles.css">

我如何获取/path/somewhere/script.jsDOM /path/somewhere/styles.css？

Answer 1

只需使用querySelector并提取适当的属性：

const script = document.querySelector('head > script');
console.log(script.src);
const css = document.querySelector('head > link');
console.log(css.href);

（由于沙箱，在代码片段中不起作用）

或者，如果您需要所有 script/css URL，而不仅仅是每个 URL 之一，请循环遍历它们：

document.querySelectorAll('head > script')
  .forEach(script => console.log(script.src));
document.querySelectorAll('head > link')
  .forEach(css => console.log(css.href));