一.Javascript
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("
");
1.4 while语句
var i = 0;
while(i<10){
document.write("helloword");
document.write("
");
i++;
}
1.5 do-while语句
var i = 0;
do{
document.write("helloword");
document.write("
");
i++;
}while(i<10);
形式:with(对象){直接写对象的方法,无需写对象的名称 }
with(document){
var i = 0;
do{
write("helloword");
write("
");
i++;
}while(i<10);
形式: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.获取单行输入域内的用户输入的内容
var month = document.getElementById("month").value;
document.getElementById("input输入域内的id值").value
单击一个按钮触发事件,在input输入域内添加οnclick=”函数名”;
在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)+"
");
document.write(Math.floor(num)+"
");
document.write(Math.round(num)+"
");
document.write(Math.round(Math.random()*100)+"
");
document.write(Math.max(10,6,54,23,76)+"
");
document.write(Math.min(10,6,54,23,76)+"
");
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()+" "+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");
}