JavaScript JSON 转义安全

Question

有人可以向我解释一下为什么 JSON 中的字符串会执行吗？ (第二个 <script> 标签及以后。)

http://codepen.io/anon/pen/PZLyve

<script>
    var data = {
      "UserId": "576757ef-1234-4aac-aad8-98f9088138f4",
      "Firstname": "Firstname<script>alert(\"User firstname security!\");</script>",
      "Lastname": "Lastname<script>alert(\"User lastname security!\");</script>",
      "Email": "<script>alert(\"User email security!\");</script>",
      "Username": "Username<script>alert(\"User username security!\");</script>"
    };
</script>

该代码是将数据从 MVC 转换为 JSON 的结果:

var data = @Html.Raw(JsonConvert.SerializeObject(Model.User));

Answer 1

因为浏览器的 HTML 解析器无法理解 Javascript。它看到的只是:

<script>
    blah blah blah </script>
    blah blah <script>blah blah</script>
    ...

它传递了这些<script>中每一个的内容单独标记到 Javascript 解释器。

如果您在 HTML 中嵌入 Javascript，则必须对其进行 HTML 转义，或者需要分解 <script>标签:

'</sc' + 'ript>'