1.去掉列的固有样式:
ul{padding:0;margin:0;}
li{list-style:none}
2.去掉a标签的固有样式
a{text-decoration:none; display:block;line-height:30px; text-align:center; color:blue;
background:red}
3.如何把希望的元素移除你的视线:
A:dispaly:none;(对象显示block)显示无
B:visibility:hidden;隐藏(还占文档流)
C:改变width/height
D:改变透明度
E:定位:left/top
F:拿白色的div盖住
G:Margin负值
4.函数执行
A.直接调用 A();
B.事件调用:1元素.事件=函数名 xx.onclick=A; //后面没有括号
2匿名函数 window.onload = function(){ xxxx; }(function小写)
如果函数多次被调用 就用函数,如果只掉一次就用匿名函数。
5.css 中 id选择器为# class选择器为 .
6.属性的读操作: 获取元素的属性值 元素.属性
7.属性的写操作: 替换、修改 元素.属性=新的值
8.Html里面的内容 p.innerHTML;(读) p.innerHTML=新的值;(写)
9.Js中不允许出现’-’: font-size p.style.fontSize=
10.Js中的关键字var function 保留字class
11.Js中如何给元素动态的添加class ? 元素.className=’xx’;
12.所有的相对路径都别拿来做判断!!! Img src href(不可读,可以写)
13.颜色值不能拿来做判断。兼容性问题
14.InnerHTML的值不能拿来做判断
15.Input的type值得变换?ie 6 7 8 会报错(解决方案 变化的时候隐藏起来)
16.Div的float的值变为left、right
Div.style.styleFloat=’left’; //IE
Div.style.cssFloat=’left’; //非IE
.left{float:left} js动态改变class
17.[]中括号的使用 . 后面的值无法改变 [‘’] 替换 []里面的值可以改变
18.数组的最后一位添加元素 arr.push(‘hello’);
19.滤镜 filter:alpha(opacity:40); //IE
opacity: 0.4; //非IE
20.document.getElementByTagName(‘ul’)[0]; 获取页面上的第一个ul。
21.getElementById 与getElementByTagName的区别:Id前面只能接document,Tag可以跟其他元素。Tag找到的一堆,Id是一个。Tag是动态的找,js后添加也可以找到。
22.如果在for(var i=1;i<=6;i++ )里面包了一个函数,函数里面用到i的值永远为6。
23.for 循环生成元素的坐标为位置 for(var i=0;i<aDiv.length;i++){
aDiv[i].style.left = i*60+’px’; }
24.cssText属性操作 Odiv.style.width=’200px’;
Odiv.style.cssText=’width:200px’; (替换)
25.this操作小结:只要fn();就是window,xx.onclick=fn;和其他情况看this属于谁
a.function fn1(){
this
}
fn1(); //this=>window
b. oDiv.onclick = fn1; //this=>div
c.oDiv.onclick = function(){
fn1(); //this=>window
}
d.oDiv.onclick = function(){
this //this=>div
}
e.<div onclick=”this” ></div> //this=>div
f. <div onclick=”fn1()” ></div> //this=>window
26This为参数的情况
a.function fn1(obj){
obj=>window
}
fn1(this);
b.oDiv.onclick=function(){
this
fn1(this);
}
function fn1(obj){obj =>oDiv}
原文:http://www.cnblogs.com/watson945/p/5135949.html