JavaScript入门基础知识总结（2）

最新推荐文章于 2024-10-15 21:10:18 发布

原创最新推荐文章于 2024-10-15 21:10:18 发布 · 558 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文总结了JavaScript的基础知识，包括条件语句、循环、函数、变量作用域等，并介绍了如何使用警告框、确认框和提示框与用户交互。此外，还探讨了事件处理、异常处理等内容。

/*
JavaScript基础学习总结
*******该总结用DW写作，为了调试方便，将影响测试的部分以注释形式写出****/
//所有测试以alert（）函数显示

//1、if条件句

//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>