周日学习

http://learning.artech.cn/20080621.mastering-javascript-jquery.html

ECMAScript 语言  是javascript 和 flash 语言相差不多

js语言

区分大小写
弱类型变量
第二讲：
数据类型
slice(1,3)取 第一个到第三个字符串
如果只有一个有个参数则 slice(4).则取得是 4 后面所有的字符串
typeof();输出该内容的类型

while语句的执行力比for的效率高

第三讲

css 控制页面

连接式

.class{}
#id{}
h1,h2,h3,p{}
p b{} 嵌套样式风格
ul.class >li>a {} > 号值得是子选择器

div 和span都是一个容器

div是横向的 span是纵向

padding border margin
第一个是与边框的距离
第二个是边框的距离
第三个是边框与外面对距离

float 浮动浮动在他上方 浮动位置 他有属性 left right等
position定位
  absolute //绝对定位
  left:20px 绝对定位位置
  top:40px
  relative //相对定位
z-index:1页面块 在总方向的 层级 空间位置

第五讲 dom模型
getElementsByTagNamed 获取标签名称 tagName获取标签类型 childNodes.nodeValue获取标签的节点的值
getElementsByID

hasChildNodes
getAtribute("tite")
var createElement("p") 创建一个新的元素
var oText =document.createTextNode("这是");
op.appendChild(oText);
添加op的子节点

innerHTML
该属性表述某个标记之间的所有内容包括代码本身，该属性可以读取，同事还可以设置

第六讲 事件
这是ie中 添加和撤销监听事件的
op.attachEvent("onclick",func())添加事件
op.detachEvent("onclick",func())取消事件
firefox
op.removeEventListener("click",fnClick2,false)//删除一个监听事件
op.addEventListener("click",fnClick2,false)//添加以恶搞事件

事件对象 他们兼容行比较差

op.onclick=function(oEvent){
  if(window.event)oEvent=window.event;
}
window.event 表示窗口的事件
event.type //事件的类型 可以是click ,mouseover即可以是各种的事件类型

第七讲 表单和表格

insertRow()添加单元行
insertCell()添加单元格

deleteRow()删除行
deleteCell()删除单元格

<label for="id">
里面for中的id 与另外个id对应
光标会跳转到另外个id的地方

input checkbox  中如果是name相同则他们的值可以是多个但是id只能唯一

this.select()选择当前文本
聚焦的这里 onfocus()

第八讲  调试和优化

window.onerror(){} 出现错误的时候执行

try{}
catch(exception){
 for(var i in exception)
 exceptioin[i];//遍历了这错误信息
}
优化 取消空格
多使用内置函数