测试浏览器对window.JSON的支持情况

最新推荐文章于 2024-12-18 17:06:28 发布

原创

最新推荐文章于 2024-12-18 17:06:28 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器 #测试 #xhtml #html #ie #html5

本文探讨了ECMA-262第5版内置的JSON对象在不同浏览器，特别是IE8中的支持情况。通过测试不同DOCTYPE的HTML页面，发现只有在指定DOCTYPE且浏览器模式为IE8时，IE8才支持window.JSON。在IE7模式、IE8兼容模式或无DOCTYPE情况下，IE8不支持此内置对象。此外，还分析了不同模式下浏览器的盒模型差异。

ECMA-262标准第5版已经内置了JSON对象，最新的浏览器都已经支持了，但老的浏览器还未完全退出市场，不能完全忽略。
在地球被HTML5完全占领之前，测试一下各浏览器（主要是IE8）对内置 window.JSON 的支持情况，顺便也测了一下Box Model盒模型。

主页面代码：index.html

<html>
<head>
</head>
<body>
<script type="text/javascript" src="test.js"></script>
<hr />
<iframe src="DOCTYPE-less.html"></iframe>
<iframe src="EmulateIE7 without DOCTYPE.html"></iframe>
<iframe src="EmulateIE7 with HTML5 DOCTYPE.html"></iframe>
<iframe src="HTML5.html"></iframe>
<iframe src="XHTML 1.0 Strict.html"></iframe>
<iframe src="XHTML 1.0 Transitional.html"></iframe>
<iframe src="XHTML 1.1.html"></iframe>
<iframe src="HTML 4.01 Strict.html"></iframe>
<iframe src="HTML 4.01 Transitional.html"></iframe>
</body>
</html>

脚本代码：test.js

function print(text, style) {
    var div = document.createElement('div');
    div.innerHTML = text;
    div.style.cssText = style;
    document.body.appendChild(div);
}
function testBoxSizing() {
    var div = document.createElement('div');
    div.style.css