fuxiaomi2016的博客

翻译 Ajax

ajax

原创 获取事件

获取事件

原创 json 的for in循环

json的for in循环

原创 offsetWidth的缺点

offsetWidth的缺点

原创 JS中的数学方法

//alert(Math.abs(-9) );      // 绝对值//alert( Math.ceil(2.6) ) ;   // Math.ceil( )是向上取整的意思 ，弹出结果是3//alert(Math.floor(-0.6));   // 向下取整的意思 ，弹出结果是-1//alert(Math.sqrt(16));        //开平方的意思，弹出

原创 隔行变色，高亮显示

隔行变色，高亮显示

原创 删除元素

删除元素

原创 创建、获取元素

创建元素

原创 通过class选取元素

获取类名

原创 firstChild和firstElementChild

第一个子节点

原创 父节点及应用小案例

parentNode

原创 childNodes和nodeType

childNodes和nodeType

原创 setTimeout 延时定时器的使用小案例

div{width:50px;height:50px;background-color:red;margin:5px;float: left;}#div2{width:200px;height: 200px;background-color:greenyellow;display: none;}window.onl

原创 定时器的应用小案例（超酷时钟）

body{background:#222;font-size: 50px;color:#ddd;}window.onload=function(){var aImg=document.getElementsByTagName('img');getTime();setInterval(getTime,1000) ;function ge

原创 获取年月日时间日期等

new Date()

原创 定时器

window.onload=function(){var oBtn1=document.getElementById('btn1');var oBtn2=document.getElementById('btn2');var timer=null ;oBtn1.onclick=function(){timer=setInterval(function

原创 数组的排序方法 sort（）

数组的排序方法 sort（）

原创 合并数组用 concat

kvar a=[10,20,30];var b=[40,50,60];var c=a.concat(b);var d=b.concat(a);console.log(c) ;  //输出结果为[10,20,30,40,50,60]console.log(d) ;  //输出结果为[40,50,60,10,20,30]//数组元素之间的连接符号

原创 数组的splice用法

var arr=[10,20,30,40,50];//1.splice的第一种用法，splice(删除的起点，个数);0指第一个元素，1指第二个元素//arr.splice(0,2) ;//alert(arr);//2.splice的第二种用法，splice(删除的起点，个数，'a','b','c');arr.splice(1,4,7

原创 认识数组

var arr=[1,2,3,4,5] ;   //建议大家平时用这种方法创建数组//var b=new Array(1,2,3,4,5);  //和上面的作用没有任何差别，建议平时用上面的方法创建//arr.length=2;   //可以改变数组的长度，当长度为0的时候，就是清空数组了。//alert(arr);//1.在数组的末尾添加元素//arr.push('99');

原创 获取非行间样式

#div1{   height: 300px;   width:200px;    border: 1px solid red;   background:orange;}window.onload=function(){var oDiv=document.getElementById('div1'); //只能获取行间样式。//

原创 关于参数的数量可变（不定参arguments）的应用小案例

arguments是我们所传的参数组成的数组。//arguments是我们所传的参数组成的数组。var result=0;function sum( ){//alert(typeof arguments);     // object//alert(arguments[0]);            // 3for(var

翻译 什么是真和假

原创 break和continue

for(var i=0;iif(i==3){break;  //整个循环中断了//continue;   //跳过本次循环，只是本次循环中断了，并没有中断整个循环}console.log(i);}

原创 switch循环

原创 JS中的运算符号（加号）

var a=12;var b=12;console.log(a==b);           //先转换类型，然后比较console.log(a===b);      //不转换类型，直接比较console.log(a+b);          //+加号两边都是数字时，运算加法，否则为连接字符的意思

原创 经典选项卡问题

选项卡（for循环的应用之一）

原创 for循环的应用（以163邮箱为例）（全选或不选或反选）

window.onload=function(){var oDiv1=document.getElementById("div1");var oBtn1=document.getElementById("btn1");var oBtn2=document.getElementById("btn2");var oBtn3=document.getElementById("btn3

原创 list-style-type

list-style-type

原创 绝对定位的参考点position:absolute;

绝对定位的参考点position:absolute;

原创 相对定位position:relative;

相对定位position:relative;

原创 background

background

原创 background-image

background-image

原创 在CSS2.1中，background-color的3种表示方法

在CSS2.1中，background-color的3种表示方法

原创 a链接之伪元素

a链接之伪元素lvha

原创 font

font

原创 关于文本居中

关于文本居中，善用上padding

原创 关于margin的IE6的兼容问题。

关于margin的IE6的兼容问题。（双倍margin的问题）

原创 善于使用父亲的padding，而不是margin

善于使用父亲的padding。而不是margin(margin本质上表达的是兄弟之间的距离)，padding表达的是父子之间的距离。

原创 margin在标准文档流下在竖直方向的塌陷现象。

margin在标准文档流下在竖直方向的塌陷现象