简单来说，在使用模板变量输出源码时，忽略了本该转义的url、html或js，若变量的值包含特殊格式或攻击者人为构造出特殊格式时出现。
若这些模板变量：
1.未进行url转义①
示例：
| 常见模板变量出现场景 | 源码 |
| a标签的hred属性内 | <a href=”http:/mysite.com/{{$vars}}”></a> |
| iframe、img、script、link等标签的src属性中 | < img src=” http:// mysite.com/{{$vars}}”/> |
| js代码的被当做url使用的变量中 | var url = ‘http:// mysite.com/{{$vars}}’ |
2.未进行html转义：②
示例：
| 常见模板变量出现场景 | 源码 |
| title标签内 | <title>{{$user}}的个人中心</title> |
| Input的value值 | < input value=” {{$user}}”/> |
3.未转义的js变量：③
示例：
| 常见模板变量出现场景 | 源码 |
| 页面内联script标签内的js 变量 | var a = ‘{{$a}}’ |
| 页面内dom元素0级事件内 | <div οnclick=”someFunction({{$param}})”> |
| 在异步所使用的模板中 | {{$callback}}{ {{$obj}} } |
4.需要先进性html转义，后进行js转义：④
示例：
| 常见模板变量出现场景 | 源码 |
| 页面内联script标签内的js 语句内，后续将插入页面 | dom.innerHTML = “{{$vars}}”;或 document.write(“{{$vars}}”) |
5.需要先进性js转义，后进行html转义：⑤
示例：
| 常见模板变量出现场景 | 源码 |
| 页面内dom元素0级事件内方法的参数 | <div οnclick=”someFunction({{$param}})”> |
防治办法
根据上面的红色标记，主要采取下表的防治办法：
| 类型 | smarty转义 | 其他 |
| ① 进行url转义 | {{$var|escape:”url”}} | 类似于js内的encodeURIComponent，整体转义 转义字符：转义了除 ! ‘ ( ) * – . _ ~ 0-9 a-z A-Z 之外的所有字符，它们被转换成了各自对应的16进制的转义序列，中文字符在不同charset下得到的结果不一样 |
| ② 进行html转义 | {{$var|escape:”html”}} | Tangarm提供了一个利用js转义的方法baidu.string.encodeHTML，在利用js生成html模板时内部的变量可用 转义字符：smarty提供的方法转义了< > ‘ “4个字符，一般转义这4个即可，tangram提供的方法还多转义了 & 字符，一共转义了5个字符 |
| ③ 进行js转义 | {{$var|escape:”javascript”}} | 转义字符：’ ” / n r |
| ④ 先进行html后进行js转义 | {{$var|escape:”html”|escape:”javascript”}} | 实际上最终转义了字符： “<” 转成 “<” “>” 转成 “>” “’” 转成 “’” “”” 转成 “”” “” 转成 “\” “/” 转成 “/” “n” 转成 “n” “r ”转成 “r” |
| ⑤ 先进行js后进行html转义 | {{$var|escape:” javascript “|escape:”html”}} | 实际上最终转义了字符： “<” 转成 “<” “>” 转成 “>” “&” 转成 “&” “’” 转成 “'” “”” 转成 “"” “” 转成 “\” “/” 转成 “/” “n” 转成 “n” “r” 转成 “r” |
高级
1使smarty默认转义：在显示页面前先执行$smarty->default_modifiers = array(‘$’ => ‘escape:”html”‘);则所有的$开头的smarty变量都默认转义了，若需要取消转义，则对无需转义的变量使用{{$var|smarty:nodefaults}}
2同域下的异步操作：尽量采用ajax的方式，少使用插入script标签的方式，可以减少因为callback函数名未转义而出现的xss漏洞
3请服务器端将json类型的数据Response的hearer 的contentType设置为“application/javascript”