• Javascript基础


    JavaScript是一种描述性脚本语言,它可以嵌入HTML中并在客户端执行,是动态Web设计的最佳选择,也是浏览器普遍支持的脚本语言。

    6.1 JavaScript背景知识

    JavaScript是一种解释性的、基于对象的脚本语言。HTML网页在互动性方面能力较弱。JavaScript是一种嵌入到HTML中的描述性语言,它并不编译产生机器代码,只是由浏览器的解释器将其动态地处理成可执行的代码。JavaScript起源于LiveScript语言。当初,使用HTML表单与用户的交互,成了制约网络发展的重大瓶颈。于是Netscape公司推出了LiveScript语言,并最终定名为JavaScript,如今,已经成为Web浏览器中不可缺少的技术。

    JavaScript的特点:

    它是一种脚本编程语言,采用小程序段的方式实现编程,是一片解释性语言,提供了一个简易的开发过程,与HTML结合在一起,方便用户使用操作;

    它是一种基于对象的语言,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用;

    它具有简单性,它的基本语句和控制流设计简单而紧凑,它的变量类型采用弱类型;

    它是一种安全性语言,不允许任何人访问本地硬盘,不能将数据存放到服务器上,不允许对网络文档进行删除和修改,只能通过浏览器实现信息浏览与互动,从而有效地防止数据丢失。

    它是动态的,可以直接对用户的输入作出响应,无须经过Web服务程序。它对用户的反应采用事件驱动的方式。

    它具有跨平台性。它依赖于浏览器本身,与操作环境无关。

    6.2 JavaScript的描述方法

    1、内部引用

    在<script>标签中,利用language属性声明要使用的脚本语言。

    基本语法:<script  type=”text/javascript”>

                 Javascript语句

    </script>

    通常Javascript文件可以使用script标签加载到网页的任何一个地方,但是标准的方式是加载在head标签内。

    ◎6-1内部引用script.html

    2、外部调用文件

    将脚本文件保存在外部,通过<script>标签的src属性指定URL,来调用外部脚本文件。

    基本语法:<script  type=”text/javascript”  src=”URL”></script>

    一般认为,大量的Javascript代码不应内嵌在HTML文件中,理由如下:

    如果怀有恶意的开发者查看了源代码,可能会发现安全漏洞,危及站点安全;

    如果代码散布于多个页面,维护将变得非学麻烦;

    浏览器会根据特定的设置缓存所有外部链接的文件,加快下载速度。

    ◎6-2外部调用script.html

    3、内嵌在HTML标签中

    如:<input  type=”button”  value=”XXX”  onclick”JavaScript代码” />

    ◎6-3内嵌script.html

    6.3数据类型与变量

    6.3.1 数据类型

    四种基本类型:数值(整数和实数)、字符串型、布尔型和空值。

    1、字符串型

    字符串是存储字符的变量,可以表示一串字符,可以是引号中的任意文本,可以使用单引号或双引号。

    基本语法:

    var  str=”字符串”;

    var  str=’字符串’;

    可以通过length属性获得字符串的长度。如:

    var  sStr=”How are you”;

    alert(sStr.length);

    2、数值型数据

    数值类型表示一个数字,可以是二进制、八进制或十六进制,极大或极小的数值,可以用科学计数法表示。

    基本语法:

    var  num1=10.00;

    var  num2=5;

    var  x=12e5;

    3、布尔型数据

    布尔型数值只包含两个值,真(true)和假(false)。它用于判断表达式的逻辑条件。每个关系表达式都会返回一个布尔值。

    基本语法:

    var  x=true;

    4、undefined和null类型

    undefined和null都具有“空值”含义,实际上二者具有完全不同的含义。null是一个类型为null的对象,可以通过将变量的值设为null来清空变量。而undefined表示变量不含有值。

    如果定义的变量准备在将来用于保存对象,那么,最好将该变量初始化为null,而不是其他值。这样一来,只要直接检测null值就可以知道相应的变量是否已经保存了一个对象的引用了,如:

    if(car != null) {

       //对car对象执行某些操作

    }

    undefined值是派生自null值的,ECMA-262规定对它们的相等性测试要返回true。

    6.3.2 变量

    变量是存取数字、提供存放信息的容器。

    1、变量的定义

    两种方法:

    1)使用var关键字定义变量。如:

    var  my=5;

    var  site=”baidu”;

    2)不使用var关键字,而是直接通过赋值方式定义变量。如:

    param=”hello”;

    ◎6-4变量的定义方式.html

    2、变量的作用范围

    变量有全局变量和局部变量之分。全局变量是定义在所有函数体之外的,其作用范围是整个函数;局部变量是定义在函数体之内,只对该函数是可见的,而对其他函数是不可见的。

    ◎6-5变量的作用域.html

    6.4 表达式与运算符

    6.4.1 表达式

    表达式是变量、常量以及运算符的组合,可以完成赋值、计算等一系列操作。表达式可分为算术表达式、字符串表达式、赋值表达式和布尔表达式。

    6.4.2 运算符

    运算符是表示数据处理方式的一种符号,包括算术运算符、等同运算符、全同运算符、比较运算符、字符串运算符、逻辑运算符、逐位运算符、赋值运算符、条件运算符、typeof运算符、创建对象运算符new、delete运算符、void运算符和逗号运算符。

    算术运算符:+、-、*、/、%、++、--

    等同运算符:==、!==

    全同运算符:===、!===

    比较运算符:<、>、<=、>=

    字符串运算符:<、>、<=、>=、=、+

    逻辑运算符:&&、||、!

    赋值运算符:=、+=、-=、*=、/=

    相等运算符(==)是先进行类型转换,再测试是否相等,如果相等,则返回true,否则返回false。类似地,不等运算符(!=)是比较两个操作数是否不相等。如:

    <script  type=”text/javascript”>

       var  a = “10”;

       var  b = 10;

       var  c = 11;

       if(a == b) {

          document.write(“a等于b<br>”);

       } else {

          document.write(“a不等于b<br>”);

       }

       if(b == c) {

          document.write(“b等于c<br>”);

       } else {

          document.write(“b不等于c<br>”);

       }

    </script>

    等同运算符(===)也可以比较两个操作数是否相等,但它不进行类型转换,而直接进行测试是否相等,如果相等,则返回true,否则返回false。类似地,不等同运算符(!==)是比较两个操作数是否不相等。如:

    <script  type=”text/javascript”>

       var  a = “10”;

       var  b = 10;

       var  c = 10;

       if(a === b) {

          document.write(“a等于b<br>”);

       } else {

          document.write(“a不等于b<br>”);

       }

       if(b === c) {

          document.write(“b等于c<br>”);

       } else {

          document.write(“b不等于c<br>”);

       }

    </script>

    字符串运算符除了比较操作符,还有连接运算符(+),它会将两个字符串连接在一起,并返回连接的结果。

    6.5 流程控制与函数

    6.5.1 选择语句

    选择语句就是通过判断条件来选择执行的代码块。JavaScript中选择语句有if语句和switch语句两种。

    1、if选择语句

    基本语法:

    if(条件) {

       执行的代码

    }

    ◎6-6 if选择语句.html

    2、if…else选择语句

    基本语法:

    if(条件) {

       条件成立时执行的代码

    }  else  {

       条件不成立时执行的代码

    }

    ◎6-7 if-else选择语句.html

    3、if…else if…else选择语句

    基本语法:

    if(条件1)  {

       条件1成立时执行的代码

    }  else if(条件2)  {

       条件2成立时执行的代码

    }  else  {

       条件1和2不成立时执行的代码

    }

    ◎6-8 if-else if-else选择语句.html

    4、switch选择语句

    基本语法:

    switch(表达式)  {

       case 常量1:代码块1; break;

       case 常量2:代码块2; break;

       case 常量3:代码块3; break;

       case 常量4:代码块4; break;

       case 常量5:代码块5; break;

       ……

       default:代码块n; break;

    }

    ◎6-9 switch多条件选择语句.html

  • 相关阅读:
    2015南阳CCPC L
    2015南阳CCPC H
    2015南阳CCPC G
    2015南阳CCPC D
    2015南阳CCPC C
    2015南阳CCPC A
    2015长春赛区总结(其实是流水账
    Codeforces Round #326 (Div. 2) D. Duff in Beach dp
    Codeforces Round #326 (Div. 2) C. Duff and Weight Lifting 水题
    Codeforces Round #326 (Div. 2) B. Duff in Love 分解质因数
  • 原文地址:https://www.cnblogs.com/nqdxt/p/11387756.html
Copyright © 2020-2023  润新知