JavaScript入门精要-优快云博客

一、什么是JavaScript

　　JavaScript是一种基于对象和事件驱动并具有安全性能的解释性脚本语言。JavaScript不需要编译，直接嵌入在HTTP页面中，把静态页面转变成支持用户交互并响应应用事件的动态页面。

二、JavaScript特点

　　1、解释性（脚本语言，采用小程序段的方式实现编程）

　　2、基于对象（许多功能来自于脚本环境中对象的方法与脚本的相互作用）

　　3、事件驱动（JavaScript可以以事件驱动的方式直接对客户端的输入做出响应，无须经过服务器端）

　　4、安全性（不允许访问本地硬盘，不能将数据写到服务器上，并且不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览和动态交互）

　　5、跨平台（JavaScript依赖于浏览器本身，与操作系统无关）

三、JavaScript语法

　　1、JavaScript区分大小写

　　2、每行结尾的分号可有可无

　　3、变量是弱类型（如定义变量时，只使用var运算符就可以将变量初始化为任意值）

　　4、单行注释（//）与多行注释（/* 。。。。*/）

四、JavaScript数据类型

　　JavaScript的数据类型主要有6种：数值型，字符型，布尔型（boolean），转义字符，空值（NULL），未定义（undefined）

　　1、整型

　　　　JavaScript的整型数据可以是正整数、负整数和0

729     //表示十进制729
071     //表示八进制的71
0x9405B  //表示十六进制的9405B

　　2、浮点型

1  3.1415926 //采用标准方法表示 
2  1.6E5 //采用科学记数法表示，代表1.6*10^5

　　3、字符型

　　字符型数据时使用单引号或双引号括起来的一个或多个字符

‘hello，我是JavaScript’
“hello，我是Java”

　　注意：JavaScript和Java不同，它没有char数据类型，要表示单个字符，必须使用长度为1的字符串。

　　4、boolean

　　5、转义字符　　　　　　　　　　　　　　　　　　　　　　JavaScript常用的转义字符

转义字符	描述	转义字符	描述
\b	退格	\n	换行
\f	换页	\t	Tab符
\r	回车符	\'	单引号
\"	双引号	\\	反斜杠
\xnn	十六进制代码nn表示的字符	\unnnn	十六进制代码nnnn表示Unicode字符
\0nnn	八进制代码nn表示的字符

　　6、未定义值

　　当使用一个并未声明的变量，或者使用一个已经声明但没有赋值的变量，将返回未定义值（undefined）

　　说明：JavaScript中还有一种特殊类型的数字常量NaN，即“非数字”。当在程序中由于某种原因发生计算错误后，将产生一个没有意义的数字，此时JavaScript返回的数值就是NaN。

五、变量的定义及使用

　　变量是指程序中一个已经命名的存储单元，其主要作用就是为数据提供存放信息的容器。

　　1、变量命名规则

　　　　a、变量名由字母、数字或下划线组成，但必须以字母或下划线开头

　　　　b、变量名中不能有空格，加号，减号，逗号等符号

　　　　c、不能使用JavaScript关键字

　　　　d、JavaScript严格区分大小写

　　2、变量的声明方法

　　　　使用关键字var声明变量，其语法格式如下

var sun;

　　　　可以使用关键字var同时声明多个变量

　　　　可以在声明变量的同时同时对其进行赋值，即初始化。

　　　　如果声明了变量，但未对其赋值，其默认值为undefined

　　　　JavaScript采用弱类型，所以在声明变量时不需要指定变量的类型，而变量的类型将根据变量的值来确定

　　3、变量的作用域

　　　　根据变量作用域可以将变量分为全局变量和局部变量两种。

<script>
    var sun = "hello,博客园";    //变量在函数外声明，作用整个脚本的代码
    function sun1(){
         var url="www.baidu.com"; //变量在函数内声明，只作用于该函数体
         alert(sun+sun1);
    }
</script>

六、事件处理

　　1、什么是事件处理程序？

　　如用户单击按钮时将触发按钮的onclick事件等。事件处理程序则是用于响应某个事件而执行的处理程序。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　JavaScript的常用事件

事件	何时触发
onclick	单击鼠标左键时触发
ondblclick	双击鼠标左键时触发
onfocus	任何元素和窗口本身获得焦点时触发
onmousemove	鼠标在某个元素上移动时持续触发
onmouseout	将鼠标从指定的元素上移开时触发
onmouseover	将鼠标移到某个元素上时触发
onload	页面完全载入后，在window对象触发；所有框架都载入后，在框架集上触发 <img>标记指定的图像完全载入后，在其触发

　　2、事件处理程序的调用

　　　　JavaScript中调用

<input name = "bt_sun" type = "button" value = "保存">
    <script>
    var b_sun = document.getElementById("bt_sun");
    b_sun.onclick = function(){
    alert("我点击了这个按钮");
    }
    </script>

　　　　注意：在上面的代码中，要将<input name = "bt_sun" type = "button" value = "保存">放在JavaScript代码的上方，否则将弹出“b_sun”为空或不是对象的错误提示。

　　　　　　　在JavaScript中指定事件处理程序时，事件必须为小写，才能正确响应事件。

　　　　在HTML中

　　　　在HTML中分配事件处理程序，只需要在HTML标记中添加响应的事件，并且在其中指定的代码或函数名即可。

<input name = "bt_sun" type = "button" value = "保存" onclick="alert("我点击了按钮");">

七、常用对象

　　1、Window对象

　　window对象即浏览器对象，是一个全局对象，是所有对象的顶级对象。Window对象同Math对象一样，直接使用“对象名.成员”的格式来访问其属性或方法。

属性	描述
document	对窗口或框架中含有文档的Document对象的只读引用
length	窗口或框架包含的框架个数
name	用于存放窗口对象的名称
screen	对窗口或框架的Screen对象的只读引用，提供屏幕尺寸，颜色深度等信息
top	表示最顶层的浏览器窗口

方法	描述
alert()	弹出一个警告对话框
close()	关闭窗口
open()	打开一个新窗口
confirm()	显示一个确认对话框，单击确认按钮时返回true，否则返回false

　　　　如：

windowVar = window.open(url,windowname[,location]);

open()方法用于打开一个新窗口，并在窗口中装载指定URL地址的网页，以上代码是open（）的语法格式。

　　2、String对象

　　string对象是动态对象，需要创建对象实例后才能引用其属性和方法。

　　3、Date对象的方法

　　Date对象没有提供直接访问的属性，只具有获取，设置日期和时间的方法

方法	描述	示例
getFullYear()	返回Date对象的年份，用4位数表示，采用本地时间或世界时	new Date().getFullYear();　　//返回值为2018/09/11
getMonth()	返回Date对象中的月份（0~11），采用本地时间或世界时	new Date().getMonth();　　//返回值为9
getDate()	返回Date对象中的日（1~31），采用本地时间或世界时	new Date().getDate();　　//返回值为11
getDay()	返回Date对象中的星期（0~6），采用本地时间或世界时	new Date().getDay();　　//返回值为2
getHours()	返回Date对象中的小时数（0~23），采用本地时间或世界时	new Date().getHours();　　//返回值为21