php - 良好的 JSON 但浏览器抛出错误

Question

我有一个 PHP 脚本，用于构建 HTML(5) 文档的 header 部分。正在发出的部分内容是这样的

$rtn = <<<RTN
<script type='text/javascript'>
var _scrolls = {"alpha":{"cursorborder":"1px dashed rgba(200,13,57,1)"}};
var _floors = new Array(10000,{$mqt},{$mqf});
</script>
RTN;

JSON 是有效的 - 至少，JSONlint.com 似乎是这么认为的。但是，在我的浏览器(Windows 上的 Chrome)中，这会引发错误 Uncaught Syntax Error: Unexpected token illegal。

通过一些实验，我已经将问题缩小到最后一个属性

"cursorborder":"1px dashed rgba(200,13,57,1)"

出于某种原因，浏览器对属性值中的空格不予考虑。如果我折叠该字符串，使其显示为

"cursorborder":"1pxdashedrgba(200,13,57,1)"

语法错误信息消失。我想不出任何合理的解释。为了完整起见，我想我应该提到 JSON 是由 json_encode 在服务器端生成的。

也许有人可以告诉我哪里出错了？

Answer 1

如果我删除第一个和最后一个 ' ，它不会抛出错误，如下所示:

var _scrolls = {"alpha": {"bouncescroll":true,"boxzoom":false,"enabletranslate3d":true,"dblclickzoom":true,"gesturezoom":true,"hwacceleration":true,"horizrailenabled":true,"enablekeyboard":true,"railalign":"right","enablemousewheel":true,"nativeparentscrolling":true,"enablescrollonselection":true,"sensitiverail":true,"smoothscroll":true,"spacebarenabled":true,"railvalign":"bottom","touchbehavior":false,"autohidemode":false,"cursorcolor":"rgba(245,146,30,1)","background":"rgba(127,255,142,1)","cursorborder":"1px dashed rgba(200,13,57,1)"}};