系统学习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> 

系统学习Javaweb5----JavaScript1

1.3、JavaScript的语言特征及编程注意事项。

特征:

JavaScript无需编译,直接被浏览器解析执行。

JavaScript无法单独运行,必须嵌入到HTML代码中运行。

JavaScript的执行过程是由上到下依次执行。

 

注意:

JavaScript没有访问系统文件的权限(安全)

由于JavaScript无需编译,是由上到下依次解析执行,所以在保证可读性的情况下,允许使用链式编程

JavaScript和Java没有任何直接联系。

 

1.4、JavaScript的组成。

系统学习Javaweb5----JavaScript1

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=http://www.likecs.com/“”>标签引入JS文件。

格式:

<script type=“text/javascript” src=http://www.likecs.com/“javascript文件路径”></script>

注意:外部引用时script标签内不能有script代码,即使写了也不会执行。

1.5.3、script标签规范化的放置位置(了解)

开发规范规定,script标签放置位置为:

  Body结束标签之前

如图所示:

系统学习Javaweb5----JavaScript1

优点:

保证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;

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwgypx.html