首页> 前端开发

javascript封装className获取元素的方法getsByClassName

分类:前端开发2015-11-13阅读:(533)标签:javascript
javascript中有通过类名获取元素的方法,但是这个方法在IE678上就不好使了,需要自己封装一个能兼容的方法。function getsByClassName(classname){ if(document.getElementsByClassName){ return document.getElementsByClassName(classname); ...

javascript表单文本域输入事件+遍历DOM获取当前索引

分类:前端开发2015-11-10阅读:(548)标签:javascript
表单文本内容选择obj.onmouseover = function(){ this.select(); }表单文本域输入事件oninput //主流浏览器都兼容onpropertychange //针对IE678兼容写法obj.oninput = obj.onpropertychange = function(){ ... }遍历dom,获取元素当前索引值在遍历时,给每个元素对象添加一...

javascript变量声明与变量提升

分类:前端开发2015-11-09阅读:(547)标签:javascript
声明变量var a=10,b=10; //a和b都是局部变量相当于var a=10;var b=10;var a=b=10;// a是局部变量,b是全局变量相当于var a=10; //局部变量b=10; //全局变量变量提升var a = 10; function foo(){ console.log(a); var a = 20; } foo(); // undefi...

IE7下overflow:hidden失效

分类:前端开发2015-11-06阅读:(898)标签:css
通常情况下,overflow:hidden会裁剪隐藏掉子盒子元素溢出的部分,但是也有可能遇到特殊情况。 在IE7下,当子盒子或子元素有相对定位或绝对定位的样式时候,父盒子的overflow:hidden是无效的。 此bug需要给父盒子添加position或者把子元素纸盒子的定位样式去掉。要么都有定位,要么都没有。

清除浮动闭合浮动的四种方法

分类:前端开发2015-11-04阅读:(1159)标签:css, css3
写网页的时候避免不了要写一些浮动,自然也要做清除浮动的处理,清除浮动目的就是解决父盒子高度为0的为题。常见方法有如下四种。方法一:额外标签法这种方法是在浮动的元素后面添加额外的带有clear:both样式的标签来清除浮动。.C{width:0;display:block;overflow:hidden;clear:both;} <div class="parent"...

用 javascript 判断 IE 版本号

分类:前端开发2015-10-25阅读:(480)标签:javascript
今天一个项目中需要判断IE版本号,又因为 jQuery 2.0 去除了对浏览器版本号的判断(它推荐特性检测),于是就看到一老外写的一段代码:var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( ...

Web前端工程师编程能力飞升之路

分类:前端开发2015-09-30阅读:(2145)标签:javascript, study
今天看到这篇文章。写的非常有意思。发现自己才处于”入室”阶段。骚年,路还很长,继续前行。【背景】如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不...

常用CSS简写

分类:前端开发2015-09-29阅读:(805)标签:css, css3
CSS简写就是指将多行的CSS属性简写成一行。CSS简写的最大好处就是能够显著减少CSS文件的大小,优化网站整体性能,更加容易阅读。下面介绍常见的CSS简写规则:font简写的顺序:font-style | font-variant | font-weight | font-size/line-height | font-family,(字体样式,大小写,粗细,字号大小/行高,字体名)。简写...

checkbox第三种状态indeterminate

分类:前端开发2015-09-28阅读:(812)标签:html
checkbox只有两种值:选中(checked)或未选中(unchecked)。它可以有任何值,但是表单提交时checkbox的值只能是checked或unchecked。它的默认值是unchecked,你可以在HTML中这样控制它:<!-- Default to unchecked --> <input type="checkbox"> &l...

Js判断类型的方法

分类:前端开发2015-09-26阅读:(561)标签:javascript
Javascript中判断类型的方法有好几种,但不是随便哪一种都行的,有特殊的情况会发生。通常判断可能会用到typeof,instanceof等,最好的方法是下面的:Object.prototype.toString.call(var)=='[object Array]' / '[object String]' ... 例如:判断字符串var str = 'abc'; console.log...
前端开发