发布网友 发布时间:2022-04-22 21:51
共2个回答
懂视网 时间:2022-04-22 06:10
JSON对象为JS对象的子类,而CSS对象为JSON的子类,即CSS继承JS对象。本文主要给大家详细介绍CSS语法与JSON、JS对象区别比较,感兴趣的朋友一起看看吧,希望能帮助到大家。CSS(Cascading Style Sheets)规则由2个部分构成:选择器,声明。
selector{declaration1;declaration2;declaration3;...declarationN}
declaration由分号(;)隔开,表示为 property:value1 value2 ..是一种单层的无内嵌套的结构。
value为具体的某值如表示大小的px,颜色的#FFFFFF,position的relative/absolute等等
selector可以由多个选择器表示中间由逗号隔开如h1,h2,h3,h4..
注:code CSS要注意时属性的值要求有序与否
backgroud: color position size repeat attachment url("img.url")
这类属性浏览器渲染解析时利用正则判断value的类型可达到修改指定属性,其顺序和value类型可随意搭配。
padding: left top right bottom这类属性渲染时则是根据顺序解析,若要修改指定属性需补全其前面的值。
JSON(Javascript Object Nonation)由对象声明构成。
{declaration1,declaration2,..declarationN}
其表示可以为树状多层级嵌套结构,对象的属性内可以由另一个或多个对象表示。多个对象外层由JS数组[]符号闭合,对象由集合符号{}闭合,用冒号表示映射关系。
JS对象
由集合符号{}构成,内容为属性:值,由逗号隔开,结构和JSON对象类似可嵌套,但其属性不非要用引号闭合。
综上可得出JSON对象为JS对象的子类,而CSS对象为JSON的子类,即CSS继承JS对象。
热心网友 时间:2022-04-22 03:18
JSON与JS对象的区别
和一些同学一样:总是感觉json对象(其实json不是对象)和js对象的字面量表示法相同,最近学习json,真心搞不懂,js对象和json有什么区别?就是感觉json的key要用” “括起来,但是js对象的字面量表示法不需要。
比如:
//js对象的字面量表示法:
var people1={
name:'hehe',
age:18
};
//json的格式是:
var people1={
"name":'hehe',
"age":18
};
1
2
3
4
5
6
7
8
9
10
11
二者相同的地方是,看起来都是数据,而且恰巧又都是文本;不同的地方在于,JS字面量的文本是被脚本引擎直接解析的,而JSON的文本,如果要转化为JS对象的话,是交给eval函数来处理的,那么,如何理解JSON的文本,就取决于这个函数,而不是脚本引擎,因为这2者的处理根本就不在一个层面上。
一直以为JSON是对象,然而在阅读js高程中出现了一些不理解的地方,网上查阅才发现JSON与JS有很大的不同。
var obj={width:100,height:200},这样的并不叫JSON,并且JSON只是一种数据格式,并不是具体的实例对象。但很多人把这样的JS对象当成JSON。
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,JSON格式的数据,主要是为了跨平台交流数据用的。
但JSON和JavaScript确实存在渊源,可以说这种数据格式是从JavaScript对象中演变出来的,它是JavaScript的一个子集。JSON本身的意思就是JavaScript对象表示法(JavaScript Object Notation),它用严格的JavaScript对象表示法来表示结构化的数据。
它是一种严格的js对象的格式,JSON的属性名必须有双引号,如果值是字符串,也必须是双引号;
JSON只是一种数据格式(或者叫数据形式),数据格式其实就是一种规范,格式、形式、规范是不能用来存诸数据的。我们不能把以下的对象叫JSON,比如:
<script>
var obj2={};//这只是JS对象
var obj3={width:100,height:200};/*这跟JSON就更不沾边了,只是JS的对象 */
var obj4={'width':100,'height':200};/*这跟JSON就更不沾边了,只是JS的对象 */
var obj5={"width":100,"height":200,"name":"rose"}; /*我们可以把这个称做:JSON格式的JavaScript对象 */
var str1='{"width":100,"height":200,"name":"rose"}';/*我们可以把这个称做:JSON格式的字符串 */
var a=[
{"width":100,"height":200,"name":"rose"},
{"width":100,"height":200,"name":"rose"},
{"width":100,"height":200,"name":"rose"},
];
/*这个叫JSON格式的数组,是JSON的稍复杂一点的形式 */
var str2='['+
'{"width":100,"height":200,"name":"rose"},'+
'{"width":100,"height":200,"name":"rose"},'+
'{"width":100,"height":200,"name":"rose"},'+
']' ;
/* 这个叫稍复杂一点的JSON格式的字符串 */
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20