注意: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>

 

 

javascript技术在网页制作中重要的功能 javascript在web中的作用_HTML

 

 

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

特征:

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

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

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


注意:

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

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

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


1.4、JavaScript的组成。

 

javascript技术在网页制作中重要的功能 javascript在web中的作用_变量名_02

 

 

  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结束标签之前

  

  如图所示:

javascript技术在网页制作中重要的功能 javascript在web中的作用_基本数据类型_03

 

 

  

优点:

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