JavaScript基础学习

var arr=[96, 8, 12, 72, 33, 118];
arr.sort(function (num1, num2){
return num1-num2;
});
/*若 a 小于 b，在排序后的数组中 a 应该出现在 b 之前，则返回一个小于 0 的值。
若 a 等于 b，则返回 0。
若 a 大于 b，则返回一个大于 0 的值。*/
alert(arr);

var arr=[1,2,3];
arr.unshift(4);
alert(arr);

var arr=[1,2,3,4,5,6,7,8];

//1.中间删除
//arr.splice(2, 3);//从2开始删除后面三个
//alert(arr);

//2.中间插入
//arr.splice(5, 1, ‘a‘, ‘b‘, ‘c‘);//从5开始后面1个替换
//alert(arr);

//3.替换
arr.splice(1, 2, ‘a‘, ‘b‘);//同上
alert(arr);

var arr=[1,2,3,4];

alert(arr.join(‘:‘));

var a=3;
/*if(a%2==0)
{
alert(‘双数‘);
}
else
{
alert(‘单数‘);
}*/
a%2==0?alert(‘双数‘):alert(‘单数‘);

function sum()
{
var result=0;
var i=0;

for(i=0;i<arguments.length;i++)//注意arguments，less中也见过
{
result+=arguments[i];
}

alert(result);
}

sum(12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12, 5, 7, 8, 12);

function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];//会用但没理解
}
else
{
return getComputedStyle(obj, false)[attr];
}
}

window.onload=function ()
{
var oDiv=document.getElementById(‘div1‘);

alert(getStyle(oDiv, ‘backgroundColor‘));
}

var a=‘abc12‘;

alert(parseInt(a));//数字开头的就能转换

var arr=[{a: 5, b: 12}, {a: 6, b: 19}];

alert(arr[1].b);
//带键值

function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}

function css(obj, attr, value)
{
if(arguments.length==2)    //获取
{
return getStyle(obj, attr);
}
else if(arguments.length==3)    //设置
{
obj.style[attr]=value;
}
}

window.onload=function ()
{
var oBtn=document.getElementById(‘btn1‘);
var oDiv=document.getElementById(‘div1‘);

oBtn.onclick=function ()
{
css(oDiv, ‘background‘, ‘green‘);
//alert(css(oDiv, ‘width‘));
}
}//面向过程的思想

var a=‘12‘;
var b=12;

alert(a==b);    //先把两边的东西转成一样的类型，然后再比较
//alert(a===b);    //不转换，直接比较

var obj=new Object();//Object o要大写
    obj.name=‘Tom‘;
    obj.show=function(){
        alert(this.name);
    };//show方法后面不用加括号
    obj.show();
    </script>

    <script type="text/javascript">
    function creatperson(name,sex){
    var obj=new Object();
    obj.name=name;
    obj.sex=sex;
    obj.showName=function(){
        alert(this.name);
    };
    obj.showSex=function(){
        alert(this.sex);
    };
    return obj;//注意这个要返回出去
}
    var p1=creatperson(‘bule‘,‘男‘);
    p1.showName();
    p1.showSex();
    

function creatperson(name,sex){
    //假想的创建
    this.name=name;
    this.sex=sex;
    this.showName=function(){
        alert(this.name);
    };
    this.showSex=function(){
        alert(this.sex);
    };
    //假想的返回

}
    var p1=new creatperson(‘bule‘,‘男‘);
    p1.showName();
    p1.showSex();

function show(){
 alert(this);
}
new show();
show()；//启示