《悟透javascript》学习笔记:七、对象描述
引言
在JavaScript中我们使用了一种被称为 JavaScript Object Notation(缩写JSON)的形式,翻译为中文就是“JavaScript对象表示法”。它可以简介清晰地将对象的结构描述出来,从而大大降低了我们的工作量并减少了数据量。
Json示例
<script language="javascript">
//创建一个没有任何属性的对象
var o = {}
//创建一个对象,并设置属性和初始值
var person = {name:"myname", age:24, married:true}
//复杂对象
var company = {
name : "MicroSoft",
boss : {name:"BillGates", age:55},
employees : [{name:"eeA", age:30},{name:"eeB", age:33}],
readme : function(){alert(this.name + "'s boss is " + this.boss.name);}
}
company.readme();
</script>
Json规则
其实从上面的例子就可以总结出json的规则了,json其实就是键值对的集合,如下:
1. 键值对集合必须在大括号之间,如:{…}
2. 键值之间使用冒号分隔,如:name:”myName”
3. 键值对之间使用逗号分隔,如:name:”myName”, age:23
4. 如果是数组的话使用中括号,如:[{name:”haha”, age:21},{name:”myName”, age:23}]
相关文档:
深入理解JavaScript的变量作用域
http://www.cnblogs.com/rainman/archive/2009/04/28/1445687.html
在学习JavaScript的变量作用域之前,我们应当明确几点:
a、JavaScript的变量作用域是基于其特有的作用域链的。
b、JavaScript没有块级作用域。
c、函数中声明的变量在整个函数中都有定义。
1、JavaScript的作用域链 ......
实现卡页式web的js:
function ShowContent(id,num){
for(i=1;i<=num;i++){
document.getElementById("page_"+i).className="";
document.getElementById("content_"+i).style.display="none";
}
document.getElementById("content_"+id).style.display="block";
......
JavaScript事件分类:
1、捕获型(IE不支持)(从DOM结构的最顶端开始向下延伸)
2、冒泡型(从DOM结构的最低端向上一级级延伸)
【IE7以上可以给‘html’添加onclick事件,IE中body->html,火狐中html->body】
JavaScript添加事件监听:
1、IE:
[object].attachEvent("event_handler", fnHandler); ......
//统计字符串中特定字符串的个数
function getStrCount(scrstr,armstr)
{ //scrstr 源字符串 armstr 特殊字符
var count=0;
while(scrstr.indexOf(armstr) >=1 )
{
scrstr = scrstr.replace(armstr,"")
count++;
}
re ......
开发时,需要用到的JavaScript进度条~~~
<style type="text/css">
#out {
width:200px;
height:16px !important;
border:1px solid #5858D1;
text-align:center;
position:relative;
font-size:12px;
_height:18px;
}
#out, #out * {
padding:0;
margin:0;
}
#num {
height:16px;
line-h ......