JavaScript入门基础知识总结(2)
来源:互联网 发布:单源最短路径算法 编辑:程序博客网 时间:2024/05/24 22:45
/*
JavaScript基础学习总结
*******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/
//所有测试以alert()函数显示
var date = new Date();//得到一个新的日期
var time = date.getHours();//从日期中得到当前的小时
if(time < 10){
alert("早安!");
}else if( time < 13){
alert("中午了!");
}else if(time < 18){
alert("下午了!");
}else{
alert("晚上");
}
}
var t = document.getElementById("Switch").value;
switch(t){
case 1:alert("您输入的是 1 !");break;
case 2:alert("您输入的是 2 !");break;
case 3:alert("您输入的是 3 !");break;
case 4:alert("您输入的是 4 !");break;
case 5:alert("您输入的是 5 !");break;
default:alert("输入的不是 1 ~ 5 !");
}
}
//函数中可以用return 返回一个值,或者用return;来结束一个函数
//本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
//如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
//for (变量=开始值;变量<=结束值;变量=变量+步进值)
//for(语句1;语句2;语句3){JavaScript语句} 这里的语句均可省略,但分号不可省略
//b)while(语句1){JavaScript语句} 语句1 表示循环结束的条件
//c)do{JavaScript语句}while(语句1) 语句1 表示循环结束的条件,该种循环至少会执行一次
//d)For...in循环
//For...In 声明用于对数组或者对象的属性进行循环操作
//语法 for(变量 in 对象)
function funForIn(){
var x;
var temp = new Array();
temp[0] = "0";temp[1] = "1";temp[2] = "2";temp[3] = "3";
for(x in temp){
document.getElementById("ForIn").innerHTML=x;
var t = setTimeout(funForIn(),1000);
}
}
//d)break 和 continue 语句用在循环中的区别,break用于跳出循环,而continue用于跳过当前循环,从下一个值开始
//常用事件函数介绍:
//a)onload 和 onUnload
//用户进入页面会触发 onload事件,离开时会触发onUnload事件
//b)onFocus,onBlur和onChange 这三个事件通常配合验证表单
//c)onSubmit,提交表单时验证所有表单域。
//d)onMouseOver和onMouseOut 鼠标指向,鼠标移走
//try{ 运行的代码 }catch{处理错误}
//实例:
//throw 创建异常,使用throw 和 try..catch 一起使用可以产生精准的错误消息
function funThrow(){
var x = prompt("输入一个大于0小于10的数字","");
try{
if(x>10){
throw "Err1";
}else if(x<=0){
throw "Err2";
}else{
throw "Err3";
}
}catch(err){
if(err == "Err1"){
alert("太高了!");
}else if(err == "Err2"){
alert("太低了!");
}else if(err == "Err3"){
alert("正常!");
}
}
}
//<input type="button" value="View message" onclick="message()" />
//</body>
//</html>
JavaScript基础学习总结
*******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出****/
//所有测试以alert()函数显示
//1、if条件句
function funIf(){var date = new Date();//得到一个新的日期
var time = date.getHours();//从日期中得到当前的小时
if(time < 10){
alert("早安!");
}else if( time < 13){
alert("中午了!");
}else if(time < 18){
alert("下午了!");
}else{
alert("晚上");
}
}
//2、switch语句
function funSwitch(){var t = document.getElementById("Switch").value;
switch(t){
case 1:alert("您输入的是 1 !");break;
case 2:alert("您输入的是 2 !");break;
case 3:alert("您输入的是 3 !");break;
case 4:alert("您输入的是 4 !");break;
case 5:alert("您输入的是 5 !");break;
default:alert("输入的不是 1 ~ 5 !");
}
}
//3、警告框 警告框经常用于确保用户可以得到某些信息
//alert("文本"); 总结中大部分实例都是 alert();//4、确认框 确认框用于使用户可以验证或者接受某些信息
//confirm("文本");//5、提示框 提示框经常用于提示用户在进入页面前输入某个值
//prompt("文本","默认值");//6、函数
//声明语法:function 函数名(参数列表){若干语句}//函数中可以用return 返回一个值,或者用return;来结束一个函数
//7、JavaScript 变量的生存期
//当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为//本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
//如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
//8、循环
//a)for循环//for (变量=开始值;变量<=结束值;变量=变量+步进值)
//for(语句1;语句2;语句3){JavaScript语句} 这里的语句均可省略,但分号不可省略
//b)while(语句1){JavaScript语句} 语句1 表示循环结束的条件
//c)do{JavaScript语句}while(语句1) 语句1 表示循环结束的条件,该种循环至少会执行一次
//d)For...in循环
//For...In 声明用于对数组或者对象的属性进行循环操作
//语法 for(变量 in 对象)
function funForIn(){
var x;
var temp = new Array();
temp[0] = "0";temp[1] = "1";temp[2] = "2";temp[3] = "3";
for(x in temp){
document.getElementById("ForIn").innerHTML=x;
var t = setTimeout(funForIn(),1000);
}
}
//d)break 和 continue 语句用在循环中的区别,break用于跳出循环,而continue用于跳过当前循环,从下一个值开始
//9、JavaScript事件
// 举例:鼠标点击、页面或图像载入、鼠标经过、在表单中选中输入框、确认表单、键盘按键//常用事件函数介绍:
//a)onload 和 onUnload
//用户进入页面会触发 onload事件,离开时会触发onUnload事件
//b)onFocus,onBlur和onChange 这三个事件通常配合验证表单
//c)onSubmit,提交表单时验证所有表单域。
//d)onMouseOver和onMouseOut 鼠标指向,鼠标移走
//10异常
//语法实例://try{ 运行的代码 }catch{处理错误}
//实例:
//throw 创建异常,使用throw 和 try..catch 一起使用可以产生精准的错误消息
function funThrow(){
var x = prompt("输入一个大于0小于10的数字","");
try{
if(x>10){
throw "Err1";
}else if(x<=0){
throw "Err2";
}else{
throw "Err3";
}
}catch(err){
if(err == "Err1"){
alert("太高了!");
}else if(err == "Err2"){
alert("太低了!");
}else if(err == "Err3"){
alert("正常!");
}
}
}
//<input type="button" value="View message" onclick="message()" />
//</body>
//</html>
0 0
- JavaScript入门基础知识总结(2)
- JavaScript入门基础知识总结(1)
- JavaScript入门基础知识总结(3)
- javascript入门基础知识
- javaScript入门 --基础知识
- javaScript 入门基础知识(二)
- Javascript基础知识(2)
- JavaScript基础知识(2)
- JavaScript基础知识(2)
- JavaScript基础知识(2)
- Java基础知识总结(入门准备)
- 牛腩javascript总结(一)---基础知识
- JavaScript 基础知识总结归纳(一)
- JavaScript DOM基础知识总结(二)
- Web前端 基础知识总结(Javascript篇)
- Python入门基础知识总结
- Python入门基础知识总结
- Python入门基础知识总结
- DS之栈
- Android中dp和px之间进行转换
- 数据结构与算法001: 排序回顾
- mllib之随机森林与梯度提升树
- <决战大数据>感触
- JavaScript入门基础知识总结(2)
- hdu 1043 八数码 A*
- union 与union all
- ParallaxNode视差
- Android内存泄露解读
- linux 查找、替换文件
- 论java快速排序
- Reactor模型
- Bellman-Ford存在负权的最短路径C++实现