在前端js中替换整个页面script img iframe 标签的src并且可以生效

Question

这里有一个需求是 需要在前端针对一个页面中的静态资源 比如 <script> <img> <iframe> 标签中的src 进行修改， 求助大佬有什么办法可以修改 并且可以在修改之后执行呢

Answer 1

var imgs = document.getElementsByTagName('img')

for(var i=0;i< imgs.length;i ++ ){

    var img = imgs[i]

    console.log(img.src)

    img.src = 'xxxx'

    

}

其中 xxxx 就是你要替换的内容

基本就是这个套路

1、获取所有元素

2、循环获得单个元素

3、改变单个元素的 src