在前端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