如何实现JS
在老浏览器中避免把脚本内容当做页面内容显示,使用HTML注释标签。
<!–
document.write("h")
JS语句
JS语句是发给浏览器的命令。这些命令是告诉浏览器要做的事情;
JS代码
JS代码是JS语句的序列;
JS代码块
JS语句的组合;
JS注释
单行用 //;
多行用/*开头,*/结尾;
用注释来防止执行, //document.write();
句末注释,document.write();//输出;
JS变量
变量是用来存储信息的容器:x=5;
规则:a,区分大小写;b,以字母和下划线开始;
声明变量:var x;
向变量赋值: x = 5;
JS运算符
赋值运算符:= += -= *= /= %=; //对字符串和数字进行加法运算:结果为字符串
条件运算符,语法:variablename=(condition)?value1:value2; //基于条件对变量赋值 greeting=(visitor=="PRES")?"Dear President ":"Dear"
JS If语句
If语句,语法:if(条件){条件成立时的代码};
If…else语句;
If…else if…else,语法: if(条件1)
{条件成立时代码}
else if(条件2)
{条件成立时}
else{条件1和2都不成立时}
JS Switch语句
语法: swich(n) //(n)既可以是表达式,也可以是变量。然后表达式中的值与case中的数字作比较。
{
case 1:
执行代码块 1
break
case 2:
执行代码块 2
break
default:
如果n既不是1也不是2,则执行此代码
}
JS 消息框
可以在JS中创建三种消息框:警告框,确认框,提示框;
JS 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码;
函数在页面起始位置定义,即<head>部分。
定义函数,语法: function 函数名(var1,var2,…,varx){
生存期:在函数内声明变量,就只能在该函数内访问变量,若在函数之外声明,则页面所有函数都可以访问;
JS For 循环
循环是用来将同一段代码执行指定的次数(或者当指定的条件为true时);
for循环,在脚本的运行次数已确定的情况下使用for循环,语法: for(变量=开始量; 变量<=结束值;变量=变量+步进值){
需执行的代码};
JS While 循环
while循环用于在指定条件为true时循环代码,语法: while(变量<=结束值){
需执行的代码}
do…while 循环,是while循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码,然后当指定的条件为true时,它会继续循环。所以,
do…while循环为执行至少一次其中的代码,即使条件为false,因为其中代码执行后才会进行条件验证;
JS Break和Continue
这是两种可用在循环内部的特殊语句;
Break命令可以终止循环的运行,然后继续执行循环以后的代码;
Contine命令会终止当前的循环,然后从下一个值继续执行: for(i=0;i<=10;i++){
if(i==3){continue}
document.write("the number is " + i)
document.write("<br />")}
JS For…in声明
用来遍历数组或者对象的属性(对数组或者对象的属性进行循环操作);
for…in循环中的代码每执行一次就会对数组的元素或者对象的属性进行一次操作,语法: for (变量 in 对象){ 执行代码 };
JS 事件
事件是指可以被JS侦测到的行为; //鼠标点击、页面或图像载入、鼠标悬浮于页面的某个热点上、在表单中选取输入框、确认表单、键盘按键
onload和onUnload,当用户进入或离开页面时就会触发这两个事件;
onload用来检测访问者的浏览器类型和版本,然后根据这些信息载入指定版本的网页; //这两个事件也用来处理用户进入或离开页面时所建立的cookies。
onFocus,onBlur和onChange,通常互相配合用来验证表单。
onSubmit,用来在提交表单之前验证所有的表单域。
onMouseOver和onMouseOut,用来创建’动态的“按钮;
JS Try…Catch 语句
用来测试代码中的错误;
在网页中捕获错误的方法:使用try…catch语句、使用onerror事件 // chrome和opera、safari不支持onerror事件
try…catch语句,try部分包含所需运行的代码,而catch部分包含错误发生时运行的代码,语法:try{ 代码}catch(err){错误代码}
JS Throw声明
声明的作用是创建exception。和try…catch声明配合使用,以达到控制程序流并产生精确错误消息的目的;
JS onerror事件
只要页面中出现脚本错误,就会产生onerror事件;
如需利用onerror事件,则必须创建一个错误处理的函数,叫做onerror事件处理器。这个事件处理器使用三个参数来调用:msg(错误信息),url(发生错误的页面url),line(发生错误的代码行),语法: onerror=handleErrfunciton handleErr(msg,url,l){//handle the error here}
JS 特殊字符
使用反斜杠来向文本字符串添加特殊字符;
反斜杠用来在文本字符串插入省略号、换行符、引号和其他特殊字符;