精通Javascript+jquery

笔记：

方法建议：
1.重视基础
2.专业相关基础课程
3.实践+钻研
4.学会提问和寻找答案
5.学会调试

 

Javascript语法
1.区分大小写
2.弱类型变量
3.每行结尾的分号可有可无
4.括号用于代码块

 

var 关键字
var sMyString="Tsinghua Universary";
sMyString.slice(1,3);
sMyString.substring(1,3);

 

var a=true;
typeof(a);

 

var map=new Array("China","USA");
map.length
map[1]

 

var num=Number(prompt("..."));
isNan(num)

document.write("...");

sMyString.indexOf("i")
sMyString.indexOf("i",3)
sMyString.lastIndexOf("i)
sMyString.lastIndexOf("i",3)

 

var a=3;
var c=a.toString();

 

parseInt("...")
parseFloat("...")

var map=["aaa","bbb"];
map.join()

var fruit="apple,pear";
var s=fruit.split(",");

var stack=new Array();
stack.push("red");
var item=stack.pop();

 

 子选择器
ul.myList>li>a
{
 color:#fff;
}

 

<a href="..." title="css1">...</a>
title用于提示文本tip

 

CSS属性器
a[title=css1]
{
 text-decoration:none;
}
a[title]
{
 ...
}

 

text-decoration:line-through; 删除线

 

访问节点：
 document.getElementsByTagName("");
 document.getElementById("");

输出长度，标签名，文本节点值
oli.length,oli[0].tagName,oli[3].childNodes[0].nodeValue

判断是否有子节点:
oli.hasChildNodes()

设置/取得属性
myImg.setAttribute("src","2.jpg");
myImg.getAttribute("title");

 

监听函数：
var op=document.getElementById("...");
op.οnclick=function()
{
...
}

 

IE监听函数：
op=document.getElementById("...");
op.attachEvent("onclick",fn);

 

function fn()
{
 op.detachEvent("onclick",fn);
}

 

 

标准DOM的事件监听
op.addEventListener("click",fn,false);
op.removeEventListener("click",fn,false);

 

 

html table标签summary属性规定表格内容的摘要
html label标签

错误处理:onerror事件

try
{
 ...
}
catch(exception)
{
 var error="";
 for(var i in exception)
    error+=i+":"+exception[i]+"/n";
 alert(error);
}