JavaScript基础语法

JavaScript基础语法

1.什么是JavaScript？

• JavaScript是一种描述语言，基于对象和事件驱动的脚本语言，在被执行之前不需要进行任何转换。

2.JavaScript的特点

• ◼脚本语言（一种轻量级的编程语言）

• ◼一种解释性语言（无需预编译）

• ◼被设计为向HTML页面添加交互行为

• ◼运行于客户端

3.JavaScript的简史

• ◼95年LiveScript（Netscape公司）

• ◼Netscape将其更名为JavaScript

• ◼微软IE3.0并附带JScript、CEnvi的ScriptEase以及JavaScript三足鼎立

• ◼97年JavaScript1.1版本被ECMA（欧洲计算机制造商）标准化为ECMAScript的全新脚本语言

注意：

单行注释：		//	注释语句		快捷键ctrl+/
多行注释：		/* 注释语句 */    快捷键ctrl+shift+/   
注意：多行注释相互不能嵌套使用，只能在多行注释里面使用单行注释！

4.数据类型

• JavaScript提供七种不同的data types(数据类型)，它们是undefined（未定义）,null（空）,boolean（布尔型）,string（字符串）,symbol(符号),number（数字）, and object（对象）。

5.JavaScript的组成

6.关于ECMAScript

关于DOM

 ◆DOM(Document Object Model文档对象模型)
 ◼HTML和XML的应用程序接口（API）
 ◼把整个页面规划为层级式的节点结构

示例：

◆BOM(Browser Object Model浏览器对象模型)

◼可对浏览器窗口进行访问和操作
◼包括
⚫弹出新的浏览器窗口
⚫移动、关闭浏览器窗口及调节浏览器窗口大小
⚫获取用户屏幕分辨率的屏幕对象
⚫WEB浏览器详细的定位对象

◼对象举例
⚫Window对象
⚫Navigator对象
⚫Screen对象
⚫History对象
⚫Location对象

• 语法

注意：

• （1）” ”部分是非必须的，为了规避老版本浏览器不识别

• （2）“//”是 JavaScript 的注释符号（/**/也是注释符号），它会阻止JavaScript 编译器对这一行的编译

• （3）type属性不推荐写成 language= " javascript " ，不符合XHMLT1.0

引用JavaScr

◆引用JavaScript的3种方式
◼HTML标签中引用
◼<script>标签中直接书写
◼通过<script>标签的src属性引入外部JS文件

常用的输入/输出/确

• alert()

• alert(“提示信息”); //提示信息框

• prompt()

• prompt(“提示信息”, “输入框的默认信息”);

• prompt(“请输入姓名”, “张三”);

• prompt(“请输入姓名”);

• confirm（）

• confirm(“确认信息？”); //确定则返回true，取消则返回false

变量声明与使用-1

JavaScript变量用于保存值、保存表

注意:

• 1、由于 JavaScript 对大小写敏感，变量名也对大小写敏感 （y 和 Y 是两个不同的变量）

• 2、变量必须以字母或下划线或美元符$开始 ，不能使用关键字作为变量名

JavaScript的变量声明

注意:

• 1、 如声明多个采用第二种方式是较为高效的

• 2、每个代码后面的“;”是可省的，建议都写上（为什么？）

JavaScript的变量的使用

建议：

   建议先定义后使用
   +运算符用于把文本值或字符串变量加起来（连接起来），如果是两个数字则为数学运算加号
   = 运算符用于给变量赋值，变量可以重复赋不同类型的值

数据类型：

• 1、Undefined类型只有一个值，即 undefined

• 2、未定义或定义未赋值表示尚未存在的对象，与undefined值相等var iNum=23; //整数 var iNum=23.0; //浮点数true和false一组被引号（单引号或双引号）括起来的文本var string1=“This is a string”;

typeof运算

typeof检测变量的返回值，为字符串类型

 typeof运算符返回值如下：
 undefined：变量被声明后，但未被赋值
 string：用单引号或双引号来声明的字符串
 boolean：true或false
 number：整数或浮点数
 function：函数方法
 object：对象 或 数组 或 Null 类型

运算符号：

类型	运算符
算术运算符	++*/%++ - -
赋值运算符	=+=-=*=/=%=
比较运算符	><>=<=!==
逻辑运算符	&&

一个=是赋值，两个 = 是判断值相等，三个 = 判断值和类型都相同

if条件语句

JavaScript中的函数

JavaScript中的函数
一组可以随时随地运行的语句
 将脚本编写为函数以避免页面载入时执行该脚本

常用系统函数举例

函数名称	描述
parselnt()	解析一个字符串并返回一个整数
parseFloat()	解析一个字符串并返回一个浮点数
isNaN()	检查某个值是否是数字，返回true/false
eval()	计算JavaScript字符串，并把它作为脚本代码来执行

自定义函数

函数是命名的独立的语句段，这个语句段可以被当作一个整体来引用和执行：

 格式：
  function 函数名(形式参数){函数体}
  调用函数：函数名(实际参数);
  
  函数只有被调用后才会执行

函数的返回值

通过 return 关键字返回函数的值

注意： 与 Java 一样，函数在执行过 return 语句后立即停止代码。因此，return 语句后的代码都不会被执行

<script type="text/javascript">
    // 定义一个函数 : function
    function demo2() {
        return 666;
    }
 
    // 调用函数 :
    alert(demo2());
 
</script>

变量的作用域

变量作用域

• 全局变量

• 任何地方都可被调用，公共的(public )

• 局部变量

• 只能在函数内部调用，私有的( private)

事件：

• JavaScript侦测到的行为

• 事件举例：

      鼠标点击
      页面或图像载入
      鼠标悬浮于页面的某个热点之上
      在表单中选取输入框
      表单提交
      键盘按键

事件通常与函数配合使用，当事件发生时去调用函数

事件名称	描述
onload和onunload	当用户进入或离开页面时就会触发onload和onunload
onfocus,onblur和onchange	主要与form表单里的文本域或下拉框配合
onsubmit	form表单提交时发生
onmouseover和onmouseout	鼠标移至对象上和离开时发生
onclick和ondbclick	对象被点击/双击时发生