javascript高效管理页面cdn脚本资源

本文介绍如何使用JavaScript获取并修改页面中所有CDN脚本资源的属性，例如src属性。

方法一：遍历DOM

1. 使用document.querySelectorAll("script")获取页面所有<script></script>元素。
2. 循环遍历每个<script></script>元素。
3. 判断src属性是否指向CDN域名。
4. 若为CDN资源，则修改其属性，例如src。

方法二：利用CSS选择器

更简洁的方法是使用CSS选择器直接选取具有CDN域名的<script></script>元素：

CSS婚礼策划服务机构宣传网站模板

CSS婚礼策划服务机构宣传网站模板是一款适合提供婚礼策划和婚庆服务机构宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

立即学习“Java免费学习笔记（深入）”；

const cdnScripts = document.querySelectorAll('script[src^="https://cdn"]');

src^="https://cdn"匹配所有src属性以"https://cdn"开头的元素。

随后，即可按照方法一步骤3和4修改CDN脚本属性。

通过以上两种方法，您可以方便地访问和修改页面加载的CDN脚本资源。