实用代码：精准判断 JS 与 CSS 文件是否加载及注意事项

以下分别给出判断是否加载了某个 JavaScript 文件和 CSS 文件的代码示例。 判断是否加载了某个 JavaScript 文件 ```javascript function isJsLoaded(src) { // 获取所有的 script 标签 const scripts = document.getElementsByTagName('script'); for (let i = 0; i < scripts.length; i++) { // 检查 script 标签的 src 属性是否与目标 src 匹配 if (scripts[i].src === src) { return true; } } return false; } // 使用示例 const jsSrc = 'path/to/your/script.js'; if (isJsLoaded(jsSrc)) { console.log('指定的 JavaScript 文件已加载'); } else { console.log('指定的 JavaScript 文件未加载'); } ``` 判断是否加载了某个 CSS 文件 ```javascript function isCssLoaded(href) { // 获取所有的 link 标签 const links = document.getElementsByTagName('link'); for (let i = 0; i < links.length; i++) { // 检查 link 标签的 rel 属性是否为 stylesheet 且 href 属性是否与目标 href 匹配 if (links[i].rel === 'stylesheet' && links[i].href === href) { return true; } } return false; } // 使用示例 const cssHref = 'path/to/your/style.css'; if (isCssLoaded(cssHref)) { console.log('指定的 CSS 文件已加载'); } else { console.log('指定的 CSS 文件未加载'); } ``` 我在以往的开发过程中，碰到过以下几点需要格外小心处理的地方： 1. 文件路径问题：确保传入的文件路径（src 或 href）与实际加载的文件路径完全一致，包括大小写和协议（如 http 或 https）。 2. 动态加载：如果文件是动态加载的，可能需要在合适的时机调用判断函数，例如在动态加载的回调函数中进行判断。 3. 缓存问题：浏览器可能会缓存文件，即使文件实际未加载，由于缓存的存在可能会导致误判。可以尝试清除缓存后再进行测试。 ######[AI写代码神器 | 499点数解答 | 2025-09-01 16:51:20]