JQuery 1

<link href="1.css" type="text/css" rel="stylesheet" />

class选择器
.special{}----<p class="special">可用于别的标记
h4.special{}----<h4 class="special"> 

ID选择器
#one{}----<p id="one">

选择器的嵌套
p b{}; .second i{}。。。

子选择器
ul.myList > li > a{}，用来选择一个父元素直接的子元素，不包括子元素的子元素

h2[title=CSS1]{}----<h2 title="CSS1">

 

段落文字：
行间距line-height:8pt;绝对值
line-height:1.5em;相对数值，1.5倍行距

<div>是一个块级元素，它包围的元素会自动换行。
<span>是一个行内元素，不会换行。
<span>可以包含在<div>中，成为它的子元素，但反过来不行。

 

盒子模型
content+padding+border+margin（内容+边框+间隙+间隔）

float定位
position定位：absolute、relative、fixed

clear:both;    

 

DOM访问节点
document.getElementsByTagName_r("ul")
document.getElementsByTagName_r("idname")

 

 

事件
onclick="方法名('参数');"

var oDiv = document.getElementByIdx_x_x("层id号");
oDiv.innerHTML += sText; //在那个层中输出东西

<p id="myP">Click Me</p>通过设置id属性来监听事件
<script language="javascript">
window.onload = function(){
 var oP = document.getElementByIdx_x_x("myP"); //找到对象
 oP.onclick = function(){     //设置事件监听函数
  alert('我被点击了');
 }
}
</script>

 

IE的监听函数
<script language="javascript">
function fnClick(){
 alert("我被点击了");
 oP.detachEvent("onclick",fnClick);  //点击了一次后删除监听函数
}
var oP;
window.onload = function(){
 oP = document.getElementByIdx_x_x("myP"); //找到对象
 oP.attachEvent("onclick",fnClick);  //添加监听函数
}
</script>

 

标准DOM监听方法
<script language="javascript">
function fnClick1(){
 alert("我被fnClick1点击了");
 //oP.removeEventListener("click",fnClick2,false);  //删除监听函数2
}
var oP;
window.onload = function(){
 oP = document.getElementByIdx_x_x("myP"); //找到对象
 oP.addEventListener("click",fnClick1,false);  //添加监听函数1
 oP.addEventListener("click",fnClick2,false);  //添加监听函数2
}
</script>

 

事件的类型
<script language="javascript">
function handle(oEvent){
 var oDiv = document.getElementByIdx_x_x("display");
 if(window.event) oEvent = window.event;  //处理兼容性，获得事件对象
 if(oEvent.type == "click")     //检测事件名称
  oDiv.innerHTML += "你点击了我&nbsp&nbsp;";
 else if( oEvent.type == "mouseover")
  oDiv.innerHTML += "你移动到我上方了&nbsp&nbsp;";
  
}
window.onload = function(){
 var oImg = document.getElementsByTagName_r("img")[0];//获取第一个img标签
 oImg.onclick = handle;
 oImg.onmouseover = handle;
}
</script>

var bShift=oEvent.shiftKey;//检测shift按键
var bAlt=oEvent.altKey;//检测alt按键
var bCtrl=oEvent.ctrlKey;//检测ctrl按键

var iClientX=oEvent.clientX;//鼠标指针在客户端区域的位置
var iScreenX=oEvent.screenX;//鼠标指针在计算机整个屏幕的位置

 

 

form
获取表单document.forms["formname"]

<label for="name">姓名:</label><input type="text" name="name" id="name">
for用于将文字绑定到相应的表单元素上，for属性指定它所绑定的表单元素id

在编写表单时，尽量用label标签来提高用户的体验，并且每个表单元素都应该分配name和id属性。name用来将数据提交给服务器，id用于label的绑定。

var fm=document.forms["myForm1"];//获取表单
var a= fm.elements["comments"];//获取name属性为comments的元素
var a= fm.comments;

onmouseover="this.focus()" 鼠标经过时自动聚焦
onfocus="this.select()"聚焦后自动选择文本

 

 

Ajax
1、创建对象
var xmlHttp;
function createXMLHttpRequest(){
 if(window.ActiveXObject)
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
 else if(window.XMLHttpRequest)
  xmlHttp = new XMLHttpRequest();
}

2、建立请求
xmlHttp.open(method,url,asynchronous,user,password);
method：GET，POST
asynchronous：布尔值，是否为异步同步，默认true
xmlHttp.open("GET","9-1.aspx",true);

3、xmlHttp.onreadystatechange
发生任何状态变化时的事件控制对象

4、发出请求后，使用readyState属性来判断目前请求的情况
0：尚未初始化
1：正在发送请求
2：请求完成
3：请求成功，正在接收数据
4：数据接收成功

4、status判断服务器的响应状态
200：请求成功
202：请求被接受，但处理未完成
400：错误的请求
404：资源未找到
500：内部服务器错误，如aspx代码错误

5、send(body)发送请求，send(null)表示不发送任何数据
body格式为查询字符串的形式，var body="myName=xj&age=22"
如果open的方法是post，则发送之前要设置HTTP的头，xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

6、服务器在收到客户端的请求之后，根据请求返回的相应结果，一种是文本形式，存储在responseText中，可进行字符串的处理xmlHttp.responseText；一种是XML格式，存储在responseXML中，进行DOM相关处理

注：IE浏览器会自动缓存异步通信的结果，解决办法是每次使异步请求的URL地址不同
var sUrl = "9-1.aspx?timestamp=" + new Date().getTime(); //地址不断的变化

处理多个异步请求
因为可能会导致前几次请求的返回数据被覆盖，所以将xmlHttp对象作为局部变量来处理，并在收到服务器的返回值后手动删除，delete xmlHttp;xmlHttp = null;