📌  相关文章
📜  javascript 获取页面上的所有脚本标签 - Javascript (1)

📅  最后修改于: 2023-12-03 15:16:15.806000             🧑  作者: Mango

JavaScript 获取页面上的所有脚本标签

在前端开发中,经常需要获取页面上的所有脚本标签,这样可以对这些标签进行一些处理,比如动态加载某些脚本或判断某些脚本是否已经加载等。

下面是几种获取页面上所有脚本标签的方法:

1. 使用document.getElementsByTagName
const scriptTags = document.getElementsByTagName("script");

这种方法通过获取页面上所有的"script"标签,将其存放在一个数组中,然后可以根据需要进行处理。

2. 使用document.querySelectorAll
const scriptTags = document.querySelectorAll("script");

这种方法使用了CSS选择器,获取所有的"script"标签,同样也将其存放在一个数组中。

3. 使用jQuery方法
const scriptTags = $("script");

这种方法使用了jQuery的语法,通过"$"符号来获取页面上的所有"script"标签,同样也将其存放在一个数组中。

需要注意的是,如果页面上的脚本是通过动态加载的方式添加到页面中的,以上的方法就无法获取。如果需要获取动态添加的脚本标签,可以考虑使用MutationObserver来监听页面变化,一旦有脚本标签的添加,就进行处理。

以上就是获取页面上的所有脚本标签的几种常用方法,根据具体的情况,选择一种适合自己的方法进行使用即可。