css+html笔记总结.doc

CSS+JavaScript 学习笔记CSS学习笔记一、设置CSS样式的三种方法1、元素内联-直接在空间内写2、页面嵌入-在head中加入inputborder-color:Yellow;color:red;3、外部引用-引用.CSS文件二、层DIV和SPAN定义层 将内容放到层中,就以将这些内容当成一个整体进行处理。例如隐藏、整体移动等。div 非常强大和常用。类似于winform的Panel。div是将内容放到一个矩形的区块中，会影响布局。span是把一段内容定义成一个整体进行操作，但不影响布局、显示三、CSS计量单位CSS中表示宽度、距离时有多种计量单位px(像素) 例如10px (火狐必须加px)30%（百分百）em（相对单位）JavaScript学习笔记一、直接在超链接中调用javascript(只有在href中才需要写javascript:说明交给javascript引擎处理)hello点击我2二、在javascript中既可以用单引号也可以用双引号声明字符串只是方便和html集成，避免转义字符麻烦。三、javascript 是若类型 如果不声明var i 直接写i=10;声明的是一个全局变量(千万别这么用,避免冲突) var i=10; /声明一个变量,名字为i 指向10这个整数,i就是int类型 i=abc ; /现在是字符串了四、调试Javascript 1、IE-高级-禁用脚本提示点上 2、VS-工具-选项-打开行号 3、DebugBar JS调试工具 4、ASP.NET 调试JS 和C#一样的可能得把对勾去掉五、判断变量是否初始化的三种方式 var x; if (x=null) alert(null); if (typeof(x)=undefined) alert(undefined); if (!x) alert(不X); 六、函数的声明(这里的大括号推荐这么写，因为以后可能引起歧义) function add(i1,i2) /只是声明,不会立即执行 return i1+i2; 注意: function compare(i1,i2) if (i1i2) return i1; 这样的写法不会报错假设 compare(6,4)返回6 否则返回undefine七、匿名函数-避免冲突 var f1=function (i1,i2) return i1+i2; alert(f1(5,9); alert(function (i1,i2)return i1*i2;(10,9);八、JS面向对象基础“类”的概念( *) 注意：Javascript没有类的语法,是用函数闭包(closure)模拟出来的, Javascript声明类(类不是类,是对象) function Person(name,age) /声明一个函数,当成类用 this.Name=name; /动态增加的一个变量 this.Age=age; this.SayHello=function()alert(this.Name); var p1=new Person(tom,20); /必须new,否则变成调用函数了 p1.SayHello(); p1.Gender=男; alert(p1.Gender);九、Array对象 JavaScript中的Array是个动态的数组(类似C#arraylist) var names=new Array(); /这里必须是大写 names0=liyang; names1=zhangsan; names2=lisi; for(var i=0;inames.length;i+) alert(namesi); 十、求数组最大数 var arr1=new Array(); arr10=30; arr11=11; arr12=3; arr13=55; alert(arr13); function getMax(arr) var max=arr0; for(var i=0;imax) max=arri; return max; alert(getMax(arr1);十一、反转 联合 function myReverse(arr1) for (var i = 0; i arr1.length/2; i+) var tmp = arri; arr1i = arr1arr1.length - i-1; arr1arr1.length - i-1 = tmp; return arr1; function myjoin(arrs) if (arrs.length = 0) return ; var s = arrs0; for (var i = 1; i arrs.length; i+) s = s + | + arrsi; return s; 十二、JS数组当字典使用 var dict = Array(); dict人 = ren; dict猫 = mao; alert(dict人); alert(dict.猫); for (var k in dict) /js中的foreach语法 /遍历出来是key 不是值 alert(k); var arr = new Array(); arr0 = 1; arr1 = 2; for (var k in arr) alert(arrk); 十三、Array的简化声明 var arr = 1, 3, 4, 5, 6, 8; arr = tom: 30, liyang: 25 for (var k in arr) alert(k +- +arrk); 十四、获得对象所有成员 因为对象的成员就是以对象的Key的形式出现的 for (var k in document) alert(k); var p1 = new Ob