JavaScript入门到精通01

时间:2022-03-13 13:58:36

什么是javascript?

JavaScript是web开发中的一种脚本编程语言,也是一种通用的,跨平台的,基于对象和事件驱动并具有安全性的脚本语言。

JavaScript的主要特点:

解释性,基于对象,事件驱动,跨平台,安全性

JavaScript的应用:

验证用户输入的内容,动画效果,窗口的应用,文字的特效等

在Web界面中使用JavaScript的方法:

在页面中直接嵌入JavaScript代码

<script language="JavaScript1.5" src="01.js" type="text/javascript" defer></script>

Language 指定在HTML中使用的哪种脚本语言及其版本

Src 指定外部脚本的路径,外部脚本文件通常使用javascript脚本,其扩展名为.js

Type 指定HTML中使用哪种脚本语言及其版本,该属性在HTML4.0标准开始,推荐使用type属性来代替language属性

Defer 该属性的作用是当文档加载完毕之后在执行脚本,当脚本不需要立即执行时,设置defer属性后,浏览器将不必等待脚本语言装载,这样假面加载会比较快

连接外部的JavaScript文件

<script language="javascript" src="javascript.js"></script>

JavaScript基本语法

Javascript程序按照在html我呢见中出现的顺序逐行执行

如需要在整个html文件中执行,最好将文件放在html的<head>标记中

Javascript对字母大小写是非常敏感的

每行结尾的分号可有可无

标识符:就是一个名称

关键字:指在javascript中有特定的含义

常量:在程序运行的过程中,值不能改变的量

变量:指在程序中一个已经命名的储存单元

变量的命名

变量的声明和赋值

JavaScript中变量都有var进行声明,格式为:var a;

声明变量并进行赋值:var b=2;

var 可以同时声明多个变量

var a,b,c

var同时声明多个变量并进行赋值:

var a=1,b=2,c=3;

变量的作用域

变量的生存周期:指变量在计算机中存在的有效时间

全局变量:在程序执行的过程中始终生效

局部变量:变量的有效范围只在当前函数之中

数据类型

数字(Number)是最旗本的数据类型,在javascript中,并不区分整形术之和浮点型数值,所有的数字都由浮点型表示

当一个数字直接出现在javascript程序中时,称它为数值直接量

JAVASCRIPT支持的数值直接两的形式有以下几种:

整型数据

十六进制和八进制

浮点型数据

字符串型

字符串(String)是由Unicode字符,数字,标点符号等组成的序列,它是javascript用来表示文本的数据类型

包含在单引号或者双引号中

布尔型数据

值只有两个,true,false 用来说明某个事物是真还是假

特殊数据类型

转义字符

未定义值 undefined

    特殊类型的数字常量NaN,即非数字,是在程序中由于发生计算错误后,产生的数字

空值

Null 表示空值

Null 不等同于空的字符串""或者0

Null表示一个变量被赋予了一个空值,而undefined则表示该变量未被赋值

运算符

这里就不细写了,会编程的都知道

Javascript中的运算符按照操作数可以分为单目运算,双目运算,和多目运算

按照运算类型可以分为算术运算符,比较运算符,赋值运算符,逻辑运算符,条件运算符

三目运算

(a==b)?正确:错误

A等于b,返回正确

A不等于b,返回错误

其他运算符:

位运算符

Typeof运算符

Typeof运算符用于返回它的操作数当前所容纳的数据的类型。经常用作判断一个变量是否被定义

  1. <script language="javascript">  
  2. var a = 3;  
  3. alert("a的类型为"+(typeof a))  
  4. <script>  

New运算符

用于创建一个新的对象

表达式

表达式是一个语句集合,像一个组一样,计算结果是个单一值,然后该结果被javascript归入下列数据类型之一,boolean,number,String,function或者object

一个表达式本事可以简单得如一个数字或者变量,或者它可以包含愈多连接在一起的变量关键字以及运算符

Jsbsdcript是一种无类型的语言,也就是说,在声明变量时无需制定数据类型,这使得javascript更加具有灵活性和简单性

流程控制

赋值语句

赋值语句是javascript中的常用语句

变量名=表达式

当使用var声明变量时,可以同时使用赋值语句对声明的变量进行赋值

条件判断语句:if,switch语句

Swith(表达式或者变量):

    Case 任意的常数表达式:

        执行的方法

        Break;结束switch语句

循环控制语句,while,do—while, for

跳转语句:

Continue:终止本次循环,开始下一次的循环

Break:退出包含在最内层的循环或者推出一个switch语句

函数

在javasvript中,函数由关键字function,函数名加一组参数以及内置于大括号中需要执行的一段代码定义的

函数的调用

在实践相应中调用函数

例如:<input type="button" value="提交" onclick="test()">

通过连接调用函数

<a href="javascript:test()">test</a>

函数参数的使用

形参和实参

使用函数的返回值

有时需要在函数中返回一个数值在其他函数中使用,为了能够返回给变量一个值,可以在函数中添加return语句,将需要返回的值赋予到变量,最后将此变量返回

Return

嵌套函数

就是在函数内部再定义一个函数

递归函数

就是在在身的函数体内调用自身

  1. <script type="javascript">  
  2. Function f(num){  
  3. If(num<=1){  
  4. Return 1  
  5. }  
  6. Else{  
  7. Return f(num-1)*num  
  8. }  
  9. }  
  10. </script>  

内置函数

常见的内置函数

Eval() 求字符串中的表达式的值

IsFinite() 判断一个数值是不是无穷大

IsNaN() 判断一个数值是不是NAN

ParseInt 将字符型转为整型

ParseFloat 将字符型转为浮点型

EncodeURI 将字符串转为有效的URL

EncodeURIComponent 将字符串转换为有效的URL组件

DecodeURI 对encodeURL编码的文件进行解码

DecodeURIComponent 对encodeURIComponent编码的文件进行解码