⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 23-1 “json”使用示例.htm

📁 JAVASCRIPT完全自学手册,中源码的验证修订实例
💻 HTM
字号:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312" />
<title>23-1  “JSON”使用示例</title>
<style>
* { font-size:12px; font-family:宋体, Arial; } /*规定了所有的字体样式*/
body { overflow:auto; background-color:buttonface; }
textarea { width:48%; height:190px; flow:left; }
</style>
<script>

function $(str){ return(document.getElementById(str)); }

function toJSONString(obj, indent){
    var re, indent;
    indent = indent || "";
    switch(typeof(obj)){
        case "number": case "boolean": case "function":
            return(String(obj));
        break;
        case "string":
            return("\""+obj.replace(/([\"\'])/g,"\\$1").replace(/\r/,"\\r").replace(/\n/,"\\n").replace(/\t/,"\\t")+"\"");
        break;
        case "object":
            switch(obj.constructor){
                case Date:
                    return("(new Date(\""+obj.toUTCString()+"\"))");
                break;
                case RegExp:
                    return("(new RegExp(\""+String(obj.source).replace(/(\W)/g,"\\$1")+"\", \""+(obj.global?"g":"")+(obj.ignoreCase?"i":"")+(obj.multiline?"m":"")+"\"))");
                break;
                case Array:
                    re = new Array();
                    for(var i=0; i<obj.length; i++)re.push(toJSONString(obj[i]));
                    return("[" + re.join(", ") + "]");
                break;
                default:
                    re = new Array();
                    for(var i in obj)re.push(indent + "\t" + toJSONString(i, "\t" + indent) + ": " + toJSONString(obj[i], "\t" + indent));
                    return("{\r\n" + re.join(",\r\n") + "\r\n" + indent + "}");
            }
        break;
    }
}

var hutia = new Object();
hutia.name = "hutia";
hutia.age = 26;
hutia.male = true;
hutia.laugh = function(){ alert("I am laughing."); }
hutia.createDate = new Date();
hutia.isScriptBlock = /<script.*?<\/script>/ig;
hutia.lover = { "name":"axiang", "male":false, "age":22 }

window.onload = function(){
    var str, newObj;
    str = toJSONString(hutia);
    $("txt").value = "变量hutia的内容是:\r\n" + str;
    eval("newObj = " + str);
    $("txt2").value = "重载JSON后,新对象:\r\n name:\t" + newObj.name
        + "\r\n age:\t" + newObj.age
        + "\r\n date:\t"
        + newObj.createDate.toLocaleString();
}

</script>
</head>
<body>
<textarea id="txt"></textarea><textarea id="txt2"></textarea>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -