JavaScript总结2

概述

JavaScript是世界上最流行的脚本语言。JavaScript是一种轻量级的编程语言,可以插入HTML页面的编程代码。 JavaScript插入HTML页面后,可由浏览器执行。

特点

语法简单,易学易用;

解释性语言;

跨平台,基于对象和事件驱动,可用于客户端。

作用

可以动态改变网页内容,网页外观;

验证表单数据,还可以响应事件。

JavaScript与Java

JavaScript与Java是两种完全不同的语言,无论在概念还是设计上都不一样。

Java由Sun公司发明,是更为复杂的编程语言。

JavaScript标准的官方名称是ECMA-262,由Brendan Eich 发明,于1995年出现在Netscape浏览器中,1997年被ECMA 标准协会采纳。

使用方法

HTML中的脚本必须位于<script>与</script>标签之间。        

脚本可位于HTML的<body>或者<head>部分中,或者同时存在于两个部分中。      

 <script>和</script>会告诉JavaScript在何处开始和结束,其间的代码行包含了JavaScript 。

在某个事件发生时,需要执行代码,例如:用户点击按钮时,可以把JavaScript代码放入函数中,在事件发生时调用该函数。

脚本也可保存到外部文件中。

外部文件通常包含被多个网页使用的代码。外部JavaScript文件的文件扩展名是.js。

使用外部文件时,在<script>标签的“src"属性中设置该.js文件。

基本内容

输出

1. 弹窗效果        

使用window.alert("")方法可以实现弹框。

2. 写到文档输出        

document.write()方法用于直接向HTML文档输出内容。如果在文档已经完成加载后执行该方法,整个HTML页面将会被覆盖。

3. Console系列        

用于JavaScript调试,访问调试控制台。

4. 使用 innerHTML写入到HTML元素        

使用document.getElementById(id) 方法,通过“id”属性来标识HTML元素,使用innerHTML属性来获取或者插入元素。

JavaScript语句

1. 分号用于分隔JavaScript语句

2. 浏览器读取JavaScript代码时,逐行执行脚本代码。

3. JavaScript语句通过代码块的形式进行组合。块由左花括号开始,右花括号结束。

4. JavaScript对大小写敏感

5. 使用反斜杠对代码行进行换行。

JavaScript变量

如何命名  

变量必须以字母、$或_符号开头,不能以数字开头。  

变量名称对大小写敏感。  

只能由字母、数字、下划线和美元符号组成。

不能与JavaScript中的关键字名称相同,例如:if,else等。

声明变量

声明变量,使用var关键字声明变量,使用等号向变量赋值,可在声明变量时直接对其赋值。例:var username=“John”;

一条语句中可同时声明多个变量 。以var开头,使用逗号分隔变量。例如: var username=“Tom”, age=46, job=“Manager”;

重新声明变量不赋值,该变量的值不会丢失

JavaScript数据类型

JavaScript数据类型包括:字符串、数字、布尔、数组、对象、Null、Undefined。        

简单数据类型:字符串、数字、布尔。        

复合数据类型:数组、对象        

特殊数据类型: Null、Undefined

JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

语法

function functionName(){

                    //这里是要执行的代码            

}

调用带参数的函数:

function functionName( var1, var2){

                    //这里是要执行的代码            

}functionName( var1, var2); 

JavaScript变量的生存期

运算符

JavaScript语句

条件

if语句:只有当指定条件为true时,才执行代码。              

if (条件表达式) {            

//只有当条件为true时才执行的语句块;        

}

if…else语句:在条件为true时执行代码,在条件为false时执行其他代码。            

if (条件表达式) {            

//当条件为true时执行的代码        

}else{            

//当条件为false时执行的代码      

 }

if…else if…else语句可选择多个代码块之一来执行。              

if (条件表达式1) {            

//当条件1为true时执行的代码      

}else if (条件表达式2) {            

//当条件2为true时执行的代码        

}else{            

//当条件1和条件2都为false时执行的代码        

}

分支

switch (表达式){

case  常量表达式1 : 语句块1; break;

case  常量表达式2 : 语句块2; break;

case  常量表达式n : 语句块n; break; [default : 语句块n+1;break;]

}

循环

for循环:循环代码块一定的次数。

for(表达式1;表达式2;表达式3) {

    语句块;

}

for/in循环:循环遍历对象的属性。

var employees = new Array();

employees[0] = "Tom Smith";

employees[1] = "David White";

employees[2] = "Mary Johnson";

for (emp in employees) {    

        document.write(employees[emp] + "<br/>");

}

while循环:当指定的条件为true时循环指定的代码块。

while (条件) {     

        语句块;

}

do/while循环:当指定的条件为true时循环指定的代码块。

do{     

        语句块;

} while(条件);

区别:

while语句是先判断条件,再执行循环体。

do…while语句则是先执行循环体,再判断条件。

break语句,跳出循环,跳出循环后会继续执行该循环之后的代码。

continue语句,中断循环中的迭代,如果出现了指定的条件,则继续循环中的下一个迭代。

JavaScript错误

JavaScript通过try和catch测试和捕捉错误。

当错误发生时,JavaScript引擎通常会停止,并抛出一个错误。      

语法如下:        

try{            

        //在这里运行代码        

}catch(err){            

        //在这里处理错误        

}fanally{            

        //结束处理        

}

  • 19
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值