JavaScript

js何HTML的结合方式有2种：

第一种：

在HTML文件中直接用script标签，在标签中写js代码，一般写在body的最后

每行代码的结束可以添加； ，也可以不添加分号

<script type="text/javascript">

Function_demo(){

Documect.getElementById("name").value="";

}

Funchion_demo2(){

Var v =document.getElementById('pwd').value;

Alert(v);

}

</script>

老旧的实列可能会在<script>标签中使用type="text/javascipt".

现在已经不必这样了。js是所有现代浏览器以及HTML5中的默认脚本语言。

第二种：

单独写js代码文件，如何在需要使用js的HTML文件中引入这个js文件即可。

注意：

1：引入的js文件一般是在head中使用scipt标签引入；

1：在引入外部js文件的之后，script标签中不能再写任何的js代码，即就是写了也不会运行。

1：js核心语法

编程语言都具备的一些语法规则：

1注释

2关键字，标识符

3常量

4变量

5运算符

6语句

7函数（方法）

8数组

9对象

1：注释

注释：主要是对程序的代码进行解释说明

js中注释有2种

单行注释：//注释内容

多行注释：/**/多行注释中不能嵌套多行注释

2：关键字

js中关键字：被js赋予了特定含义的单词或者字母的组合。

Var if for while continue break typeof   return 等

标识符：用户根据自己的需要定义的一些名称。如：变量名，数组名，函数名，对象名称等。

3：数据类型

js中的数据类型：js是一个弱类型的语言。Java是一个强类型的语言，在Java中每一个数据都有与之对应数据类型。8种基本数据类型，引用数据类型。

js中的基本数据类型有5种：

数字：number，整数和小数

字符串：string，引号，单引号，双引号，你在引号里面写什么内容，

控制台就会输出什么内容，

null：null 空 ，空值，空对象

布尔值：boolean，只有两个值，true对的，成立的，false错的

undefind： undefind//声明变量，没有赋值

4变量：

变量就是一个存储空间，在js中，我们可以定义一个空间来存放数据。容器：

来装数据的，变量正常情况下用来存储一个可变的值

在Java中定义变量格式：

数据类型 变量名；int a； int a=12；或者直接赋值

在js中定义变量格式

Var 变量名=值；

Var num=12；

alert（typeof（num））；

typeof检测当前某个变量空间中的数据类型

关键字：就一些被赋予了一些特点的意义，在定义变量，

var，return，function

变量；什么是变量，就是内存中的一个容器，存储一个值

如何定义变量，由2个部分组成，变量名，变量值，通过变量名来操作

2种方式定义变量：

1：定义变量的时候就给了初始值

2先定义变量，在进行赋值

注意：定义变量使用关键字var

Var zhangan=48；//定义了一个变量，变量名：zhangan

Var lili；//声明一个变量

lili=20；//为变量赋值

//需求：有两个变量如下，实现将2个变量来交换一些

=赋值运输符，作用就是将一个值给到一个变量

//变量的掌握，

Var num1=11；

Var num2=22；

Var temp；//临时存储容器

Temp =num1；

num1=num2；

num2=temp；

数据类型，number，string，boolean，null

变量的数据类型是由具体的值来确定的

如果想看变量的数据类型的话，typeof（）查看变量类型

Var s=‘你好’；

console。log（typeof（s））

判断这个字符串中是不是包含I

indexof（）；判断字符串中是否包含某一个字串

如果包含的话，返回第一次出现的位置，不包含-1

如果这个数字是>=0的，则说明一定包含，-1不包含

位置是从0开始，索引，下标

Var num=s.indexof(5);

Console.log(result);

5：字符串

在js中一组被引号（单引号或双引号）括起来的文本，可以称为字符串，字符串

在js中是一个对象

获取字符串的长度可以使用length属性来获取。

常用方法：

charAt(index),返回在指定位置字符；

indexof（str），查找某个指定的字符串在字符串中首次出出现的位置

如果没有匹配

返回—1；

substing（num），返回字符串的一个字串，传入参数是起始位置到结束；

substring（num1，num2）；返回字符串的一个字串，传入参数是起始位置

到结束位置，注意左闭开；

split（str）；将字符串按照某种规则分割字符串数组

replace（oldvalue,newvalue）使用一个新的值替换掉原来的值

注意：这样只能替换第一个；

如果需要替换所有的值，可以使用replace（/oldvalue/g，newvalue

）；/g是一个正则函数全部使用的意思，如：replace

……

6:数组

js中的数组是一个对象，数组对象作用是：使用单独的变量名来存储一系列的值

js中数组，底成其，实是一个可变数组，在定义完成之后，仍然可以不存在的数组给值这时数组会自动扩容

js中数组，也有下标，从0开始，到长度-1结束，可以使用循环对数组进行遍历。弱类型语言，

js中的数组，由于js是弱类型语言，数组中的每个空间都可以存放数据类型不

相同的数据（类似java中的ArrayList没有加泛型）

1：创建

第一种：

js中定义数组格式：

Var 数组名=[元素，]

第二种

数组的第二种定义格式，使用Array对象完成：在创建数组的时候，在指定数组长度，如果没有写长度的话则长度默认为0

Var arr=new Array（0）；创建一个长度为0的数组

Var arr=new Array（3）；创建一个长度为3的数组

Var arr=new Array（12，22，32）；还可以创建的时候就给他值

可以使用一般的for 循环对数组进行遍历，也可以使用js特有的forin循环

语法：

for（x in arr）//x为变量， arr是数组名

{

}

2：常用方法和属性

length，获取数组长度；

sort（）；对数组进行排序；

push（），向数组末尾添加元素，返回一个新的长度，如果数组中没有存储满，

则会留下一些空格，始终是存储在最后的，斌返回一个最新的数组长度。

join（），用于把数组在的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。如：document.write（arr.join(''a'')）;

7：运算符

逻辑运算符，5个，他一定有一个结果，是一个布尔值

& |

&&	||	!                 |
与	或者	取反

Var b=true；

！b 对b这个变量进行取反的操作-false

Console.log（!(!b)）//true

&&        &逻辑与，并且，同时成立等关键字的时候考虑使用

短路，当表达式1结果已经能够确定整个表达式结果了

表达式1&&有一个boolean类型的结果

表达式2也有一个boolean类型的结果

表达式1和2的结果都为true的话，整个表达式的结果才是true

案例：三好学生的选举，登录操作

Var num1=95；

Var num2=99；

Var result=（numl>95）&&(num2>95)true

Var result =(numl>95)&&(num2>95)fales

Var num=10;

Var num=10;

Var result=(++num>10)&&(num++>11);

Var result =(num++>10)&&(++num>11);

Var ersult=(++num>10)&&(num++>11)

Console.log(num)

Console.log(result)

||               |或者

表示式1||表达式2只要有一个是true的话，就是true

表达式1和表达式2的结果也是一个boolean类型式值，只要有一个为1个为true'结果就是true

短路；只要表达式1结果为true的话，后面的就不在进行运算了

Var num1=100；

Var num2=2；

//只要有一门成绩是100的，就是三好学生

Var result=（num1==100）||(num2==100)；

Var num=10；

result=（num++>10）||(num++>11)12,flase

Result=(num++>=10)||(++num>=11);11 ,ture

Result=((num++>=10))||(++num>=11)&&((++num>=12)||(num++>=13))                         12,true

Console.log(num)

Cpnsole.log(result)

8:控制语句

1：分支结构-if

一次判断

if（判断条件）{

//判断成立后执行的语句

}

两次判断

if（判断条件）

{

//判断成立后执行的语句

}else{

//判断不成立后执行的语句

}

两次以上

if（判断的条件）

{

//判断成立后的执行的语句

}else  if（判断条件）{

//判断成立后执行的语句

}else if（判断条件）

{

//判断成立后执行的语句

}else{

//所有的判断都不成立后执行的语句

}

//分支结构——if语句

表达式的结果是一个boolean类型的值

只有当结果为true的时候，if的代码块才会执行

如果为false则跳过if语句，执行后面的代码内容

if（表达式）{

大括号里面的代码叫代码块

}

Var result=（（num%2）==0）

Console.log(reult)

If(result){

Console.log(num+"是偶数")

}

Console.log("ovwe");

判断数字是不是一个偶数

Var   num=11；

alert（）警告窗口

Confim 确认框，会有1个放回值，true或者false，点击确认返回

prompt（“用户名”）；会话框，和浏览器之间进行一次对话，可以在程序中获取用户输入的内容

手动输入的内容默认是字符串，不能直接进行运算

Var s =confim（“你指定要访问这个网址”）；//2

Var num1=prompt（“请输入第一个数字：”）

Var num2=prompt（“请输入第二个数字：”）

Var yun=prompt（“请输入一个运输符：”）

//如何将一个字符串转换为数字

parseInt（）将字符串类型的数字转换成数字类型

 num1=parseInt（num1）

 num1=parseint（num2）

Var result；

if（yun==“+”

）{

Console.log(num1+yun+num2+"="+result)

}

程序是二选一的场景可以使用if-else结构

if（表达式）{

true的时候指向这里的

}else{

false的时候执行这里的

}

//用户输入一个数字，判断这个数字是奇数还是偶数

Var num=prompt（“请输入一个数字”）；

num=parseInt（num）；

if（（num%2）==0）{

alert（num+“是一个偶数”）

}else{

alert（num+‘’是一个奇数“）

}

//请输入一个年纪

多重判断if-elseif-else

Var nam=prompt（“请输入一个年纪”）

num=parseInt（num）；

if（num<6）{

Alert("小孩")

}else

if（num<18）{

Alert("青年")

}else

if（num<20）{

Alert("成年")

}else{

Alert("什么都没有“)

}

js何HTML的结合方式有2种：

第一种：

在HTML文件中直接用script标签，在标签中写js代码，一般写在body的最后

每行代码的结束可以添加； ，也可以不添加分号

<script type="text/javascript">

Function_demo(){

Documect.getElementById("name").value="";

}

Funchion_demo2(){

Var v =document.getElementById('pwd').value;

Alert(v);

}

</script>

老旧的实列可能会在<script>标签中使用type="text/javascipt".

现在已经不必这样了。js是所有现代浏览器以及HTML5中的默认脚本语言。

第二种：

单独写js代码文件，如何在需要使用js的HTML文件中引入这个js文件即可。

注意：

1：引入的js文件一般是在head中使用scipt标签引入；

1：在引入外部js文件的之后，script标签中不能再写任何的js代码，即就是写了也不会运行。

1：js核心语法

编程语言都具备的一些语法规则：

1注释

2关键字，标识符

3常量

4变量

5运算符

6语句

7函数（方法）

8数组

9对象

1：注释

注释：主要是对程序的代码进行解释说明

js中注释有2种

单行注释：//注释内容

多行注释：/**/多行注释中不能嵌套多行注释

2：关键字

js中关键字：被js赋予了特定含义的单词或者字母的组合。

Var if for while continue break typeof   return 等

标识符：用户根据自己的需要定义的一些名称。如：变量名，数组名，函数名，对象名称等。

3：数据类型

js中的数据类型：js是一个弱类型的语言。Java是一个强类型的语言，在Java中每一个数据都有与之对应数据类型。8种基本数据类型，引用数据类型。

js中的基本数据类型有5种：

数字：number，整数和小数

字符串：string，引号，单引号，双引号，你在引号里面写什么内容，

控制台就会输出什么内容，

null：null 空 ，空值，空对象

布尔值：boolean，只有两个值，true对的，成立的，false错的

undefind： undefind//声明变量，没有赋值

4变量：

变量就是一个存储空间，在js中，我们可以定义一个空间来存放数据。容器：

来装数据的，变量正常情况下用来存储一个可变的值

在Java中定义变量格式：

数据类型 变量名；int a； int a=12；或者直接赋值

在js中定义变量格式

Var 变量名=值；

Var num=12；

alert（typeof（num））；

typeof检测当前某个变量空间中的数据类型

关键字：就一些被赋予了一些特点的意义，在定义变量，

var，return，function

变量；什么是变量，就是内存中的一个容器，存储一个值

如何定义变量，由2个部分组成，变量名，变量值，通过变量名来操作

2种方式定义变量：

1：定义变量的时候就给了初始值

2先定义变量，在进行赋值

注意：定义变量使用关键字var

Var zhangan=48；//定义了一个变量，变量名：zhangan

Var lili；//声明一个变量

lili=20；//为变量赋值

//需求：有两个变量如下，实现将2个变量来交换一些

=赋值运输符，作用就是将一个值给到一个变量

//变量的掌握，

Var num1=11；

Var num2=22；

Var temp；//临时存储容器

Temp =num1；

num1=num2；

num2=temp；

数据类型，number，string，boolean，null

变量的数据类型是由具体的值来确定的

如果想看变量的数据类型的话，typeof（）查看变量类型

Var s=‘你好’；

console。log（typeof（s））

判断这个字符串中是不是包含I

indexof（）；判断字符串中是否包含某一个字串

如果包含的话，返回第一次出现的位置，不包含-1

如果这个数字是>=0的，则说明一定包含，-1不包含

位置是从0开始，索引，下标

Var num=s.indexof(5);

Console.log(result);

5：字符串

在js中一组被引号（单引号或双引号）括起来的文本，可以称为字符串，字符串

在js中是一个对象

获取字符串的长度可以使用length属性来获取。

常用方法：

charAt(index),返回在指定位置字符；

indexof（str），查找某个指定的字符串在字符串中首次出出现的位置

如果没有匹配

返回—1；

substing（num），返回字符串的一个字串，传入参数是起始位置到结束；

substring（num1，num2）；返回字符串的一个字串，传入参数是起始位置

到结束位置，注意左闭开；

split（str）；将字符串按照某种规则分割字符串数组

replace（oldvalue,newvalue）使用一个新的值替换掉原来的值

注意：这样只能替换第一个；

如果需要替换所有的值，可以使用replace（/oldvalue/g，newvalue

）；/g是一个正则函数全部使用的意思，如：replace

……

6:数组

js中的数组是一个对象，数组对象作用是：使用单独的变量名来存储一系列的值

js中数组，底成其，实是一个可变数组，在定义完成之后，仍然可以不存在的数组给值这时数组会自动扩容

js中数组，也有下标，从0开始，到长度-1结束，可以使用循环对数组进行遍历。弱类型语言，

js中的数组，由于js是弱类型语言，数组中的每个空间都可以存放数据类型不

相同的数据（类似java中的ArrayList没有加泛型）

1：创建

第一种：

js中定义数组格式：

Var 数组名=[元素，]

第二种

数组的第二种定义格式，使用Array对象完成：在创建数组的时候，在指定数组长度，如果没有写长度的话则长度默认为0

Var arr=new Array（0）；创建一个长度为0的数组

Var arr=new Array（3）；创建一个长度为3的数组

Var arr=new Array（12，22，32）；还可以创建的时候就给他值

可以使用一般的for 循环对数组进行遍历，也可以使用js特有的forin循环

语法：

for（x in arr）//x为变量， arr是数组名

{

}

2：常用方法和属性

length，获取数组长度；

sort（）；对数组进行排序；

push（），向数组末尾添加元素，返回一个新的长度，如果数组中没有存储满，

则会留下一些空格，始终是存储在最后的，斌返回一个最新的数组长度。

join（），用于把数组在的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。如：document.write（arr.join(''a'')）;

7：运算符

逻辑运算符，5个，他一定有一个结果，是一个布尔值

& |

&&	||	!                 |
与	或者	取反

Var b=true；

！b 对b这个变量进行取反的操作-false

Console.log（!(!b)）//true

&&        &逻辑与，并且，同时成立等关键字的时候考虑使用

短路，当表达式1结果已经能够确定整个表达式结果了

表达式1&&有一个boolean类型的结果

表达式2也有一个boolean类型的结果

表达式1和2的结果都为true的话，整个表达式的结果才是true

案例：三好学生的选举，登录操作

Var num1=95；

Var num2=99；

Var result=（numl>95）&&(num2>95)true

Var result =(numl>95)&&(num2>95)fales

Var num=10;

Var num=10;

Var result=(++num>10)&&(num++>11);

Var result =(num++>10)&&(++num>11);

Var ersult=(++num>10)&&(num++>11)

Console.log(num)

Console.log(result)

||               |或者

表示式1||表达式2只要有一个是true的话，就是true

表达式1和表达式2的结果也是一个boolean类型式值，只要有一个为1个为true'结果就是true

短路；只要表达式1结果为true的话，后面的就不在进行运算了

Var num1=100；

Var num2=2；

//只要有一门成绩是100的，就是三好学生

Var result=（num1==100）||(num2==100)；

Var num=10；

result=（num++>10）||(num++>11)12,flase

Result=(num++>=10)||(++num>=11);11 ,ture

Result=((num++>=10))||(++num>=11)&&((++num>=12)||(num++>=13))                         12,true

Console.log(num)

Cpnsole.log(result)

8:控制语句

1：分支结构-if

一次判断

if（判断条件）{

//判断成立后执行的语句

}

两次判断

if（判断条件）

{

//判断成立后执行的语句

}else{

//判断不成立后执行的语句

}

两次以上

if（判断的条件）

{

//判断成立后的执行的语句

}else  if（判断条件）{

//判断成立后执行的语句

}else if（判断条件）

{

//判断成立后执行的语句

}else{

//所有的判断都不成立后执行的语句

}

//分支结构——if语句

表达式的结果是一个boolean类型的值

只有当结果为true的时候，if的代码块才会执行

如果为false则跳过if语句，执行后面的代码内容

if（表达式）{

大括号里面的代码叫代码块

}

Var result=（（num%2）==0）

Console.log(reult)

If(result){

Console.log(num+"是偶数")

}

Console.log("ovwe");

判断数字是不是一个偶数

Var   num=11；

alert（）警告窗口

Confim 确认框，会有1个放回值，true或者false，点击确认返回

prompt（“用户名”）；会话框，和浏览器之间进行一次对话，可以在程序中获取用户输入的内容

手动输入的内容默认是字符串，不能直接进行运算

Var s =confim（“你指定要访问这个网址”）；//2

Var num1=prompt（“请输入第一个数字：”）

Var num2=prompt（“请输入第二个数字：”）

Var yun=prompt（“请输入一个运输符：”）

//如何将一个字符串转换为数字

parseInt（）将字符串类型的数字转换成数字类型

 num1=parseInt（num1）

 num1=parseint（num2）

Var result；

if（yun==“+”

）{

Console.log(num1+yun+num2+"="+result)

}

程序是二选一的场景可以使用if-else结构

if（表达式）{

true的时候指向这里的

}else{

false的时候执行这里的

}

//用户输入一个数字，判断这个数字是奇数还是偶数

Var num=prompt（“请输入一个数字”）；

num=parseInt（num）；

if（（num%2）==0）{

alert（num+“是一个偶数”）

}else{

alert（num+‘’是一个奇数“）

}

//请输入一个年纪

多重判断if-elseif-else

Var nam=prompt（“请输入一个年纪”）

num=parseInt（num）；

if（num<6）{

Alert("小孩")

}else

if（num<18）{

Alert("青年")

}else

if（num<20）{

Alert("成年")

}else{

Alert("什么都没有“)

}