动态建立script标签很经常使用,比方jsonp、amd 等等手艺都邑用到, 有时候我们会愿望可以监控和阻拦动态建立的script标签。
下面供应了一种代办document.createElement的方法来监控。
var _createElement = document.createElement
var __define_src = function(script){
var src
Object.defineProperty(script,'src',{
get : function(){
return src
},
set : function(s){
src = s
script.setAttribute('src',s)
}
})
var _setAttribute = script.setAttribute
script.setAttribute = function(){
var args = Array.prototype.slice.call(arguments)
if(args[0] === 'src'){
//do something here
console.log('setAttribute',args[1])
}
_setAttribute.apply(script,args)
}
}
document.createElement = function(tagName){
var dom
dom = _createElement.call(document,tagName)
if(tagName.toLowerCase() === 'script'){
__define_src(dom)
}
return dom
}
上面的代码加载完后,就可以监控到 script.src 或许 script.setAttribute 两种体式格局加载的JS了
var script = document.createElement('script')
script.src = 'http://s11.cnzz.com/z_stat.php?id=1256295486&web_id=1256295486'
script.setAttribute('src','https://s11.cnzz.com/z_stat.php?id=1256295486&web_id=1256295486')