系统学习Javaweb5----JavaScript1
注意:java和JavaScript没有半毛钱关系!!!
说明:过年歇着歇着不知不觉就歇了七天,嘿嘿,从今天开始继续学习。
学习笔记:
1、JavaScript概述。
1.1、JavaScript是什么?有什么作用?
HTML:就是用来写网页的。
CSS:就是用来美化页面的。
JavaScript:前端的大脑、灵魂。
JavaScript:web上强大的脚本语言。
作用:控制页面特效展示。
编程语言:可以独立写程序,独立运行。先编译,后执行。
脚本语言:无法独立运行。必须嵌入到其他语言中,结合使用。(类似于用大脑控制身体,但是单独的大脑无法完成事情,必须和身体结合才能完成事情。)
直接被浏览器解析执行。
例如:JS(JavaScript)可以对HTML元素进行动态控制
JS(JavaScript)可以对表单进行校验。(例如检查密码是否填写、用户名是否符合要求。)
JS(JavaScript)可以控制CSS的样式。
1.2、JavaScript的入门案例。
例如:
<html>
<head>
<meta charset="UTF-8">
<title>demo1</title>
<script>
//int a=10;
var a=10;
//int b=20;
var b=20;
//int temp=a+b;
var temp=a+b;
//System.out.print(temp);
alert(temp);
</script>
</head>
<body>
</body>
</html>
1.3、JavaScript的语言特征及编程注意事项。
特征:
JavaScript无需编译,直接被浏览器解析执行。
JavaScript无法单独运行,必须嵌入到HTML代码中运行。
JavaScript的执行过程是由上到下依次执行。
注意:
JavaScript没有访问系统文件的权限(安全)。
由于JavaScript无需编译,是由上到下依次解析执行,所以在保证可读性的情况下,允许使用链式编程。
JavaScript和Java没有任何直接联系。
1.4、JavaScript的组成。
ECMAScript(核心):规定(封装)了JS的语法和基本对象。
DOM: 文档对象模型:处理网页内容的方法和接口。
标记型文档:HTML
BOM: 浏览器对象模型,与浏览器交互的方法和接口。
1.5、JavaScript的引入方式。
1.5.1、内部脚本。
在当前页面内部写<script>标签,script标签内部即可书写JS代码。
格式:
<script type=“text/JavaScript”>
JavaScript代码
</script>
注意:script标签理论上可以书写在HTML文件的任意位置。
1.5.2、外部引入
在HTML文档中,通过<script src=“”>标签引入JS文件。
格式:
<script type=“text/javascript” src=“javascript文件路径”></script>
注意:外部引用时script标签内不能有script代码,即使写了也不会执行。
1.5.3、script标签规范化的放置位置(了解)
开发规范规定,script标签放置位置为:
Body结束标签之前。
如图所示:
优点:
保证HTML展示内容优先加载,最后加载脚本,增强用户体验。(如果网速卡时,会先显示出HTML标签,使页面加载时不用面对空白页面)。
2、JavaScript语法及规则
2.1、注释
单行注释 //
多行注释 /**/
2.2、变量
2.2.1、变量概述
变量:标识内存中的一块空间,用于存储数据,且数据是可变的。
变量的声明:
var 变量名; //变量赋予默认值,默认值为undefined(未定义的)。
变量的声明和赋值:
var 变量名=值; //变量赋予对应的值。
在声明JavaScript变量时,需要遵循以下命名规范:
必须以字母或者下划线开头,中间可以是数字、字符或下划线。
变量名不能包含空格等符号。
不能使用JavaScript关键字作为变量名。如function
JavaScript严格区分大小写。
2.2.2基本数据类型。
类似于java中的基本数据类型
string 字符串类型。 “” 和‘’都是字符串。JavaScript中没有单个字符
boolean 布尔类型。 固定值为true或者false
number 数字类型。 任意数字。
Null 空,一个占位符。
undefined 未定义类型。 该类型只有一个固定值,即undefined,表示变量声明却未定义具体的值。
注:因为undefined是从null中派生出来,所以undefined==null
JavaScript区别于java,是弱类型语言,变量的使用不用严格遵守规范,所以一个变量声明好之后,可以赋予任意类型的值。
通过typeof运算符可以分辨变量值属于哪种基本数据类型。
对变量或值调用typeof运算符将返回下列值之一:
undefined 如果变量是undefined类型。
boolean 如果变量是boolean类型的
number 如果变量是number类型的
string 如果变量是String类型的
object 如果变量是一种引用类型或null类型的。
这是ECMAScript实现之出的一个BUG,null属于基本数据类型,但是typeof(null)返回的是 object,这个BUG一直沿用至今。
例如:
<script type="text/javascript">
var str1="nihao";
var str2='hello'; //JavaScript中没有单个字符。
var flag1=true;
var flag2=false;
var num1=10;
var num2=10.55;
var num3=-100;
var obj=null;
var a;
var b=undefined;
</script>
2.2.3、引用数据类型
引用数据类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所处理的引用数据类型都是对象。
标准创建方式:
var str=new String();
var str=new String;