javaWeb学习笔记-----3 javascript

Posted 2022-12-10 漠小浅

1，javascript的简介：是基于对象和事件驱动的语言，应用与客户端

-基于 对象：提供好了很多对象，可以直接拿过来使用

-事件驱动：html做网页静态效果，javascript动态效果

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

js的组成：三部分组成 

（1）ECMAscript

-ECMA：欧洲计算机协会

-由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 type="text/javascript" src="1,jsp"></script>

***使用第二种方式的时候，就不要在script标签里面写js代码了，不会执行。

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

**java的基本数据类型 byte short int long float double char boolen

*定义变量 都使用关键字 var

**js的原始类型（五个）

-string：字符串    var str =“abc";

-number：数字类型   var m = 123;

-boolean：true和false      var flag = true;

-null：对象引用为空

-undifined:定义一个变量，没有赋值

**typeof（）可以查看当前变量的类型。

4，js的语句：省略

5，js的运算符：省略

*引入知识：

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

*document.write("fdsfds");

document.write("</hr>"):

**可以想页面输出变量，固定值和html代码

7，js数组

*定义方式（三种）

第一种：var  arr  = [1,2,3,4,"5",true]

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

var arr1 = new Array(5);//定义一个数组，数组的长度是5

arr1[0] = "1";

第三种：使用内置对象Array

var arr2 = new  Array(3,2,4)；//定义一个数组，数组里面的元素是3,2,4

*数组里面有一个属性  length：获取到数组的长度

8，js的函数

*在js里里面定义函数有三种方式

***函数的参数列表里面，不需要写var，直接写参数名称。

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

funcrion 方法名（参数列表）

方法体；

返回值可有可无（根据实际需要）；

第二种方式：

***匿名函数

var add = function（参数列表）

方法体和返回值

第三种方式：（用的很少，了解）

***动态函数

***使用到js里面的一个内置对象   Function

var add = new Function（”参数列表","方法体和返回值“）；

9，全局变量和局部变量

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

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

10，script标签放置的位置

*建议把script标签放到body的后面

*如果现在有这样一个需求：

在js里面需要获取到input里面的值，如果把script标签放到head里面会出现问题。

html解析是从上到下的，script标签放到的是head里面，直接在里面去input里面的值，

因为页面还没有解析到input哪一行，肯定取不到。

3，