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

游击队

有什么方法可以将外部CSS和Javascript的URL加载到文档的开头?

因此例如在头部:

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

我将如何获得/path/somewhere/script.js/path/somewhere/styles.css从DOM?

一定的表现

只需使用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));

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章