Javascript从零开始学习第二天(1)

Javascript从零开始学习第一天

Javascript从零开始学习第二天(1)

Javascript从零开始学习第二天(2)

Javascript从零开始学习第三天(1)

Javascript从零开始学习第三天(2)

Javascript从零开始学习第四天(1)

Javascript从零开始学习第四天(2)

1、运算符

Javascript从零开始学习第二天(1)

取模% 例子 用在表格显示各行变色

2、流程控制

if(){}else{}

if(){}else if(){}else if(){}else{}

switch(变量){

case 值1:

语句1;

break;

case 值2:

语句2;

break;

default:

默认执行;

}

3、三目运算符

条件?语句1(true):语句2(false)

4、json

var json={a:12,b:25}

alert(json.a);

数组用下标取值 json用字符串作key取值

json中元素结构相同的多个元素组成的数据可以使用for in循环遍历

for(var data:json){

alert(data.key);

}

二、函数返回值

就是函数的执行结果

function show(){

return 12;

}

var a=show();

这样show函数返回值就保存在a中了

规则:一个函数应该只返回一种数据类型

1、函数的参数分为定参和不定参(arguments)

定参

function fun1(a,b){

return a+b;

}

不定参

function fun2(){

var result=0;

for(var i=0;i<arguments.length;i++){

result+=arguments[i];

}

alert(result);

}

Javascript从零开始学习第二天(1)

三、js第二定律

js第二定律:但凡是好东西,一定不兼容

style 是行间样式 js可以通过style得到行间样式

如果定义不再行间样式中

使用currentStyle

oDiv.currentStyle.width这个支持IE 其他不行

1、解决办法是:

使用计算后的样式

getComputedStyle(odvi,"").width

可惜是这个不支持IE

2、解决方案就是判断浏览器后使用不同的方法

if(oDiv.currentStyle){

IE操作

}else{

其他浏览器操作

getComputStyle(oDiv,"").width

}

3、封装成函数

function getStyle(obj,name){

if( obj.currentStyle){

return obj.currentStyle[name];

}else{

return getComputStyle(obj,"")[name];

}

}

四、数组基础知识

Javascript从零开始学习第二天(1)

1、数组的定义

var arr=[1,2,3];

var arr=new Array(1,2,3);

2、数组的添加

arr.push(4);从后端追加

arr.unshift();从前端添加

会在数组arr中加入4这个元素,添加到尾部。

3、数组的删除

arr.pop();从后端弹出 删除

arr.shift();从前端弹出 删除

Javascript从零开始学习第二天(1)

4、数组从中间添加和删除、替换

Javascript从零开始学习第二天(1)

1、splice

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

arr.splice(2,2);删除操作

arr.splice(2,0,8,9,10);先删除后插入

arr.splice(2,2,9,10);替换掉从第二个元素开始往后的两个元素

2、concat 数组合并

var a=[1,2,3];

var b=[4,5,6];

3、join 将数组元素连接为字符串

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

var str=a.join("-");

4、数组排序sort

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

arr.sort();

默认会按照字符串排序的。

arr.sort(function(n1,n2){

if(n1<n2){

return -1;

}else if(n1>n2){

return 1;

}else{

return 0;

}

});

偷懒的办法:

Javascript从零开始学习第二天(1)

分类:JavaScript 时间:2014-12-27 人气:10
本文关键词:
分享到:

相关文章

iOS 开发

Android 开发

Python 开发

JAVA 开发

开发语言

PHP 开发

Ruby 开发

搜索

前端开发

数据库

开发工具

开放平台

Javascript 开发

.NET 开发

云计算

服务器

Copyright (C) codeweblog.com, All Rights Reserved.

CodeWeblog.com 版权所有 闽ICP备15018612号

processed in 0.036 (s). 10 q(s)