首页 > 其他 > 详细

前端攻城狮应该熟记的知识点(永久更新)

时间:2016-01-16 19:29:35      阅读:201      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!