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

 

   

 

 

posted @ 2020-02-01 19:21  Mr_WildFire  阅读(124)  评论(0编辑  收藏  举报