Web学习第二天：js

版权声明：斌哥版权，如有雷同，纯属虚构 https://blog.csdn.net/iostream992/article/details/85059606

1、javescript的简介

基于对象和事件驱动的语言，应用客户端

基于对象

提供好了很多对象，可以直接拿来用

事件驱动

html网站静态效果，js的网站动态的效果

客户端：专门指的是浏览器

js的特点

1、交互性

信息的动态交互

2、安全性

建设不能访问本地磁盘文件

3、跨平台性

java里面的跨平台性，虚拟机

只有能够支持js的浏览器，都可以运行

javascript和java的区别（雷锋/雷峰塔）

1、java是sun公司，现在oracle；js是网景公司

2、JavaScript是基于对象，java是面向对象

3、java是强类型语言，而JavaScript是弱类型语言

比如java里面 int i=10;

js：var i=10;var m="10";

4、JavaScript只需要解析就可以执行，而java需要先编译成字节    码文件，再执行

JavaScript的组成（下面js）

三部分组成

1、ECMAScript

                 -ECMA:欧洲计算机协会

-只有该组织制定的js语法，语句…

2、BOM

-broswer object model:浏览器对象模型

3、DOM

-document object model:文档对象模型

 

2、js和html的结合方式（两种）

第一种：

-使用一个标签<script type="text/javascript">js代码</script>

第二种：

-使用script标签，引入一个外部的js文件

创建一个js文件，写js代码

使用第二种方式不要在script标签里面写js代码，写了也不会执行

3、js的原始类型和声明变量

java的基本数据类型：byte short int long float double char boolean

定义变量 都使用关键字 var

Js的原始类型（五个）

-string：字符串

Var str="aba";

-number：数字类型

Var m=123;

-boolean：true、false

Var b=true;

-null

Var date=new Date();

获取一个对象的引用，null表示对象应用为空，所有对象的引用也是object

-undifined

定义一个变量，没有赋值

Var aa;

typeof();查看当前变量的数据类型

 

4、js的语句

-java里面的语句

If判断

switch语句

循环 for while do..while

-js里面的语句

if判断语句：一个等号表示赋值，两个等号表示相等

switch语句

java里面支持数据类型 string支持吗？在jdk1.7开始支持

js里面都支持

循环语句  for while do..while

 

i++和++i与java一样

5、js的运算符

和java不同的地方 ：

 

 

字符串的相加和相减的操作

如果相加的时候，做的是字符串连接

如果相减，做的是相减的运算

提示NaN：表示不是一个数字

 

boolean类型也可以进行相加相减操作

如果设置成ture，相当于这个值是1

如果设置成ture，相当于这个值是0

==和===的区别

两个等号比较的只是值

三个等号比较的是值和类型

引入知识

直接向页面输出的语句（可以把内容显示在页面上）

可以向页面输出变量、固定值和html代码

6、实现99乘法表（输出在页面上）

document.write里面是双引号，如果想要设置标签的属性用单引号

 

7、js的数组

java里面数组的定义 int[] arr={1,2,3}

js数组的定义方式（3种）

第一种： var arr={1,2,3}; var arr{1,"4",true}

第二种：使用内置对象 Array对象

var arr1=new Array(5);

//定义一个数组，数组长度为5

arr1[0]="1";

第三种：使用内置对象Array

var arr2=new Array（3,4,5）；

//定义一个数组，数组里面的元素是3、4、5

数组里面有一个属性 length可以获取数组的长度

数组可以存放不同的数据类型

8、js的函数

在java里面定义的方法

在js里面定义函数（方法）有三种方式

函数参数列表不需要写var

第一种：使用一个关键字function

无参数的调用方式

 

有参数时，里面方法参数不需要var

有返回值的调用方式

第二种：匿名函数

 

第三种：使用js里面的内置对象Function（了解）

动态函数

 

 

 

9、js的全局变量和局部变量

全局变量：在script标签里面定义一个变量，这个变量在页面中js部分都可以使用

在方法的外部使用，在方法内部使用，在另一个script标签使用

局部变量：在方法体内定义一个变量，只能在方法内部使用

 

 

10、scrip标签的位置存放

建议把script放在</body>的后面

因为是自上向下解析

在js里面需要获取到input里面的值，如果要把script标签放到head里面会出现问题，html解析是从上到下解析的，script标签放到的是head里面，直接在里面取input里面的值，应为页面还没有解析到input那一行，肯定取不到

 

11、js重载的简单介绍

第一个：

第二个：

第三个：