JavaWeb学习——3.JavaScript(1.介绍)

前言

javascript学习记录

开始

1.JavaScript简介

(1)JavaScript是基于对象和事件驱动的语言,应用于客户端
基于对象:提供了很多对象,可以直接拿过来使用
事件驱动:html是做静态网站,JavaScript是做动态网站的
应用于客户端:在这里指的是B/S结构中的B,即浏览器

(2)JavaScript的特点
交互性:信息的动态交互
安全性:JavaScript不能访问本地磁盘的文件
跨平台性:java里面的跨平台性是通过jvm实现的,JavaScript只要有能够支持js的浏览器,都能够运行

(3)JavaScript和Java的区别(雷锋和雷峰塔之间的区别)
java是sun公司,现在是oracle公司的,JavaScript是网景公司的
Java是面向对象的,JavaScript是基于对象的
Java是强类型的语言,JavaScript是弱类型的语言(比如数据结构定义时的差距)
Java需要先进行编译成字节码文件才能运行,JavaScript只需要解析就可以运行

(4)JavaScript的组成
JavaScript由三部分组成:
ECMAScript:ECMA是一个组织,叫欧洲计算机协会,这个组织制定了JavaScript的语法
BOM:浏览器对象模型
DOM:文档对象模型

2.JavaScript和HTML的结合方式

(1)使用script标签

<script type="text/javascript">  
     js代码 
</script>

(2)使用scrpit标签引入外部js文件
首先需要创建一个js文件,里面包括了js的代码

<script type="text/javascript" src="xxx.js"> 
</script>

使用这种方式的时候,就不要再往script标签中写js代码了,写了也不会执行

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

java的基本数据类型(八个):byte short int long float double char boolean
js中定义变量全都是用一个关键字 var
js的原始类型(五个):

String :字符串
number :数字类型
boolean :布尔类型
null:获取对象的引用,null表示对象的引用为空,所有对象的引用也是object
undifined:表示定义一个变量,没有赋值

js通过typeof()方法可以查看当前变量的数据类型

4.js的语句

java里面的语句有:if switch for while do-while
js中的语句:
if和java一样,但是js的if里面一个等于号表示赋值,两个等号表示判断
switch:java中在JDK1.7开始才支持String数据类型,js里面都支持
for while do-while和java一样
js里面i++和++i的效果和java中一样

5.js的运算符

和java都差不多,直接去W3School看吧…
js里面不区分整数和小数
js中的NaN提示:这不是一个数字
js中==比较的是值,===比较的是值和数据类型

这里引入一个知识,js直接向页面输出的语句:

document.write("aaa");
document.write("<hr/>")

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

6.js的数组

定义方式:
(1)var arr = [2,3,4]; var arr=[2,"s",true]
(2)使用内置对象,Array对象 var arr1 = new Array(5)定义一个数组,数据的长度为5,arr1[0]="1"对数据进行赋值
(3)使用内置对象Array,var arr2 = new Array(3,4,5)定义一个数组,数组里面的元素是3,4,5

数组里面有一个属性length,通过这个属性可以获取到数组的长度
数组的长度是可变的
数组可以存放不同类型的数据

7.js的函数

在java中想要定义一个方法

public int method(int a,int b){
     return ..
}

在js里面定义函数(方法):
(1) 使用到一个关键字function

function 方法名(参数列表){
     方法体;
     返回值(可有可无,根据实际需要)
}

(2)匿名函数

var add = function(参数列表){
     方法体和返回值;
}

(3)使用js里面的一个内置对象(用得少,了解)
也被叫做动态函数

new Function("参数列表""方法体和返回值")

8.js的全局变量和局部变量

全局变量:在script标签里面定义一个变量,这个变量在页面中的js部分都可以使用(可以再方法的外部使用,在方法的内部使用,在另外一个script标签中使用)
局部变量:在方法的内部定义一个变量,只能在方法的内部使用,若在方法外部调用这个变量,会出现报错提示(Chrome的网页审查工具)

9.script标签的存放位置

建议把script标签放到</body>后面
如果说现在有这样一个需求:
在js里面需要获取到input里面的值,如果把script标签放到了head里面,就会出现问题。html的解析式从上到下来解析的,script标签放到了head标签里面,直接在里面提取input标签里面的值,因为页面还没有解析到input那一行,这时候是获取不到的。

猜你喜欢

转载自blog.csdn.net/zyw644451/article/details/80856661
今日推荐