针对HTML的script标签特性,对前端页面可以采取如下3中脚本注入方式。
1. 添加script元素
在页面中直接创建script元素,然后利用textContent特性进行脚本执行,如下:
var script = document.createElement('script');
script.textContent='alert(100)';
// 立刻就会在页面进行执行,弹出数字100,脚本注入成功
2. 设置script属性src
通过引入脚本的网络地址,也可以执行脚本代码,如下:
var script = document.createElement('script');
// 设置文件地址
script.src = 'http://yiifaa.com/index.js'
// 还可以执行回调函数
script.onload = function() {
}
3. 通过document.write方法
// 注意对/符号的转义 \/
var script = '<script>alert(100)<\/script>';
document.write(script);