HTML5学习笔记（2）—— JavaScript语法基础

JavaScript 简称JS，是一种可以嵌入到HTML页面中的脚本语言，HTML5提供的很多API都可以在JS中直接调用。JavaSript是一种解释型的编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行，而JAVA在发往客户端执行之前必须先经过编译。

一、在HTML中使用JavaScript语言

（1）第一种方式，把JS代码写到<Script Language = “JavaScript”> 和 </Script>之间

（2）第二种方式，把JS代码写到一个 XXX.js 文件，然后再HTML中引用改文件，<script src="XXX.js"> </Script>

二、JavaScript语言的一些语法

（1）声明变量

var关键字可以声明变量，声明变量时不要求指明变量的数据类型。Eg： var x ；或 var x = 1；

不声明变量，通过使用变量，但是这样变量默认是全局变量。 Eg：x = 1;

（2）条件运算符？

(condition)?statementA : statementB ;

if-else的简洁写法，如果满足条件condition，就执行statementA ，否则执行statementB

（3）逗号运算符

使用逗号运算符可以在一条语句中执行多个运算

（4）定义函数

function 函数名（参数列表）

{

函数体

}

三、JavaScript的一些内置函数

（1）alert（str）弹出一个消息对话框

（2）confirm（str）弹出一个消息选择框，包含确定和取消

（3）parseFloat（str）用于将字符串转换成浮点数字形式，parseInt （str）将字符串转换成整型数字形式

（4）prompt（text，defaultText）用于显示可提示用户输入的对话框，点击取消函数返回null

四、JavaScript的事件处理

事件，是指用户的操作，如用户点击鼠标等。事件类型分为窗口事件（window events）、表单元素事件（form element events）、图像事件（image events）、键盘事件（keyboard events）、鼠标事件（mouse events）

在JavaScript中有三种绑定事件的常用方法。

（1）在DOM元素中直接绑定

这里的DOM元素可以理解为HTML标记，onXXX为事件名称，例如鼠标单击事件onclick。鼠标双击事件ondouble等等

（2）在JavaScript代码中绑定，这样文档结构清晰

elementObject.onXXX = function(){}

elementObject为DOM对象，onXXX为事件名称

（3）绑定事件监听函数

addEventListener（）或 attachEvent（）

（4）event对象用来表示当前事件。event对象的属性和方法包含了当前事件的状态。event对象只在事件发生的过程中才有效。

PS ：Windows系统打开chrome浏览器，按f12就可以打开控制台Console,查看代码以及错误位置

HTML5学习笔记（2）—— JavaScript语法基础

猜你喜欢