欢迎使用CSDN-markdown编辑器

来源:互联网 发布:云计算公司怎么盈利 编辑:程序博客网 时间:2024/06/15 09:04

一.Javascript

1.各种语法语句

1.1 if语句
if(表达式){
语句
}else{
语句
}

条件可以是:
布尔值:true:成立 ; false:不成立
number:非0:成立; 0: 不成立
string: 非空字符串: 成立 ; 空字符串: 不成立
object: 非null: 成立; null:不成立

* 1.2 swtich语句*
swtich(变量){
case 选项1:
语句;
break; 如果不break,就会继续下面选项的语句
case 选项2::
语句;
break;
default:
默认;
}

注意:在js中的switch语句中的case的值:
1.常量,String,number类型的值,还可以是变量
2.在java中case选项中只能是常量不能为变量
3.case选项还可以是表达式

1.3 for语句

 for(var i=0;i<10;i++){        document.write("helloword");        document.write("<br>");

1.4 while语句

var i = 0;while(i<10){    document.write("helloword");    document.write("<br>");    i++;    }

1.5 do-while语句

var i = 0;do{    document.write("helloword");    document.write("<br>");    i++;    }while(i<10);

2.with语句:方便函数的调用

形式:with(对象){直接写对象的方法,无需写对象的名称 }

 with(document){    var i = 0;    do{        write("helloword");        write("<br>");        i++;        }while(i<10);

3.js中的函数的定义

形式:function 函数名(形式参数列表){函数体}

注意:
1.在参数列表中是不需要写VAR的,也就是类型
2.js函数没有重载这个说法,如果有两个同名的函数,后面那个会覆盖掉前面那个
3.js的函数可以有返回值,var sum = add(2,2,3,4);像这个的话,返回值就 是sum的值
4.js中的每一个函数都存在一个arguments数组,这个数组用来接收我们全部的实际参数的,接收完毕后给我们的形式参数从左到右一次赋值,如果实际参数多余形式参数,那么多余的实际参数将直接被舍弃不会赋进去

js函数的调用:函数名(实际参数)
当实际参数个数<形式参数 输出的NaN

function add(a,b){    alert(arguments.length);       var res = a+b;    return res;    }    var sum = add(2,2,3);    document.write(sum); 这里如果没有return的话屏幕输出undefined,就是说sum没有具体指;

4.获取单行输入域内的用户输入的内容

    <input type="text" id="month"/>    var month = document.getElementById("month").value;    document.getElementById("input输入域内的id值").value

单击一个按钮触发事件,在input输入域内添加onclick=”函数名”;
在script标签内使用function 函数名{},这样点击事件后就能执行函数体的内容

5.Sring对象定义
方式1:var s1 = new String(“hello”);
方式2:var s2 = “hello”;

valueof()这个方法是取出对象中的内容document.write(s1.valueOf()==s2.valueOf());

charAt(索引): 返回指定索引的内容

document.write(s1.charAt(1));

indexOf(字符串): 返回首次出现指定字符的索引位置

document.write(s1.indexOf("e"));

lastIndexOf(字符串): 返回最后出现指定字符的索引位置

document.write(s1.lastIndexOf("l"));

fontcolor(“red”): 直接给字符串添加颜色

s3 = s3.fontcolor("red");

split(“字符串”): 使用指定字符串切割字符串,返回字符串数组
var arr = s5.split(“-“);

document.write(s4.substring(0,2));

substr(strat,[length]) 截取字符串, start:开始索引 length: 截取的字符串长度

document.write(s4.substr(0,2));

6.Boolean和Number对象

var b1 = new Boolean(true);var n1 = new Number(10);

只要是new的,用==比较都是比较的地址值,所以无论是java还是js都是不一样的
但b1.valueOf取出内容值比较就行了

7.Math

Math对象
常用的方法:
1)ceil(): 向上取整。 如果有小数部分的话,直接+1
2)floor(): 向下取整。如果有小数部分的话,直接丢失小数部分,保留整数
3) round(): 四舍五入取整。满5进一
4)random(): 生成一个随机的0-1的小数 .包含0,不包含1
5)max(): 返回最大值 6)min(): 返回最小值

    var num = 3.50;    document.write(Math.ceil(num)+"<br/>");    document.write(Math.floor(num)+"<br/>");    document.write(Math.round(num)+"<br/>");    document.write(Math.round(Math.random()*100)+"<br/>");    document.write(Math.max(10,6,54,23,76)+"<br/>");    document.write(Math.min(10,6,54,23,76)+"<br/>");

8.猜数小游戏

生成随机数:var num=Math.floor(Math.random()*100+1);获得输入框内的数字:document.getElementById("inputNumber").value;其实获的输入框的数字是String类型的,所以要进行转换inputNumber = parseInt(inputNumber);

9.date对象

创建一个date对象:

      var date =new Date();

直接document.write(date);输出的话得到的是
Sun Jun 25 2017 15:06:24 GMT+0800 这种结果
为了我们看起来方便些,我们需要进行转换

获取年份:date.getYear(),这个方法已经不用了,用date.getFullYear();   获取月份:date.getMonth()+1,月份要+1,因为它的范围是0~11    获取日期:date.getDate()获取时:date.getHours()获取分:date.getMinutes()获取秒:date.getSeconds()

10.网页时钟:



//创建一个获取当前时间的方法

    function getTime(){    //获取span标签对象    var spanTime = document.getElementById("sapnTime");    //创建日期对象    var date = new Date();    //获取年月日,时分秒进行字符串拼接var time = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"&nbsp;&nbsp;"+date.getHours()+"-"+date.getMinutes()+"-"+date.getSeconds();    //给标签体设置内容,innerHTML这个属性    spanTime.innerHTML=time;    }//调用设置时间的方法//getTime();//这样的方式对上面设置时间的方法只调用了一次,所以我们的时间无法实现动态的设置变化//如果需要让时间动起来的话,我们需要每隔一秒调用getTime()这个方法一次window.setInterval("getTime()",1000);//参数1:调用的函数名称   参数2:每隔多久调用一次,调用的次数没有限制

注意:
1.spanTime.innerHTML=time 这个是给body里span的标签体设置内容,要给哪个标签设置内容就用哪个标签的对象调用innerHTML方法

2.window.setInterval("调用的函数名",每隔多久调用一次); 调用某个函数,每隔多少秒调用一次。

11.Array数组

js中数组的创建方式:
方式1:用new的方式创建数组
1.1:var arr = new Array(3); 创建数组指定长度
1.2 var arr = new Array(); 创建数组不指定长度
1.3 var arr = new Array(“hello”,100,200); 创建数组并给数组的元素赋值

方式2:直接赋值
var arr=[100,”hello”,200];

数组创建需要注意:
1.在js中数组的长度是可变的,随着添加进来的元素而随之改变,如果在java中的话就会产生数组索引越界的夜场
2.js的数组可以添加多种不同类型的元素

 join:使用指定的字符串将数组的所有元素连接在一起var arr5 = ["jave","php","web"];var str = arr5.join("-");  reverse:反转数组中的元素arr5 = arr5.reverse();for(var i=0;i<arr5.length;i++){document.write(arr5[i]);document.write("<br>");}
原创粉丝点击