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

Question

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

例如在头部:

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

如何从 DOM 获取 /path/somewhere/script.js 和 /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);

(由于沙箱，在代码段中不起作用)

或者，如果您需要所有脚本/css URL，而不是每个 URL，循环遍历它们:

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