JavaScript入门基础知识总结(2)

页面导航:首页 > 网络编程 > JavaScript > JavaScript入门基础知识总结(2)

JavaScript入门基础知识总结(2)

来源: 作者: 时间:2016-02-02 09:58 【

* JavaScript基础学习总结*******该总结用DW写作,为了调试方便,将影响测试的部分以注释形式写出**** 所有测试以alert()函数显示 1、if条件句function funIf(){
/*
Script基础学习总结
*******该总结用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、 变量的生存期

//当您在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为
//本地变量。您可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
//如果您在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。

//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{处理错误}
//实例:
//
//
//<script type="text/javascript">
//var txt=""
//function message()
//{
//try
// {
// adddlert("Welcome guest!")
// }
//catch(err)
// {
// txt="此页面存在一个错误。\n\n"
// txt+="错误描述: " + err.description + "\n\n"
// txt+="点击OK继续。\n\n"
// alert(txt)
// }
/
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<