暑期实习Day5---Javascript

JavaScript

由于js在很多方面与java与c语言有类似之处，本篇对课堂内容不做详细整理，仅对一些个人认为重要的点进行记录

概述

特点

• 基于对象的脚本语言，解释执行
• 与java没有任何关系
• 弱类型语言
• 简单，安全，动态，跨平台

功能

• 表单确认
• 页面修饰和特殊效果
• 导航系统
• 基本的数学运算
• 动态文档生成

核心概念

• ECMAScript
• DOM（Document Object Model）文档对象模型
• BOM（Brower Object Model）浏览器对象模型

值得注意的点

变量的声明

​ js是弱类型，通过var来声明变量，也可以直接赋值使用。这样你可以随时更改一个变量的类型，所以当使用用过的变量时需要确保以后不再用之前的属性，这一点与java和c有很大区别

js中月份的使用

js中月份是0-11代表1-12使用时需要注意，有点反人类

js中函数参数

arguments对象 函数可以接受任意个参数，类型也不进行限制 利用arguments[x]调用

function fun(a1,a2){
	//判断形参和实参的个数是否一致
	//arguments 实参集合
	//函数名.length 取形参的个数
	if(arguments.length==fun.length)
	{
		document.write("<h1>a1="+a1+",a2="+a2+"</h1>");
	}
	else{
		document.write("形参和实参个数不对，传入参数不对！");
		for(i=0;i<arguments.length;i++){
			document.write("<h5>"+arguments[i]+"</h5>");
		}
	}
}

//fun("ABC","APPLE",3.1415926,"LALALA");
//fun("ABC",3.1415926);

定时调用方法和间隔时间调用方法

清楚这些方法需要使用调用他们时生成的id，具体使用可参考下面案例

//定时调用
function showTime(){
	//实例化日期对象
	var d=new Date();
	var dateTime=d.getFullYear()+"-"
				+(d.getMonth()+1)+"-"
				+d.getDate()+" "
				+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
	
	document.getElementById("showTime").innerHTML=dateTime;		
	//递归 定时调用方法
	sid=setTimeout("showTime()",1000);
}
clearTimeout(sid)



//间隔一定时间调用

var sid;
//页面加载事件
window.onload=function(){
	//5秒后执行一次方法
	sid=setTimeout("showTime()",5000);
}
//清除setTimeout事件
function showTime(){
	//实例化日期对象
	var d=new Date();
	var dateTime=d.getFullYear()+"-"
				+(d.getMonth()+1)+"-"
				+d.getDate()+" "
				+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
	
	document.getElementById("showTime").innerHTML=dateTime;			
}

var sid;
//页面加载事件
window.onload=function(){
	//每隔一段时间执行一次，周期
	sid=setInterval("showTime()",1000);	
}

clearInterval(sid)

for in 语句的特殊之处

for(i in set){
    document.writeln(set[i]);
}

此处的i是0-n的数字，不能像java一样直接输出