一. JavaScript概述
JavaScript:
一个响亮而又文雅的名字,但其实和Java没有什么关系。这多数是为了借着Java的名声,更好地营销和推广JavaScript。
JavaScript能做什么呢?
主要体现在两个方面:
1. 增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)
2. 实现页面与用户之间的实时、动态交互(如:用户注册、登陆验证等)
特点:
它是一种解释型、动态类型、弱类型、基于原型、面向对象的脚本语言。
组成:
1. ECMAScript 主要由语法、类型、语句、关键字、保留字、操作符、对象等组成。
2. DOM(Document Object Model) 文档对象模型。
3. BOM(BrowserObjectModel) 浏览器对象模型。
开发工具:
1. 编译器:我用的是Dreamweaver,当然大家也可以选择其他的,比如sublime.
2. 浏览器:Chrome, Firefox, IETester
3. 调试工具:firebug
二、Hello JavaScript
脚本可位于HTML的<body>或<head>部分中,或者同时存在于两个部分中。在html 页面中插入js 的方法为插入<script></script>标签。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>First JavaScript Program</title> 6 <script> 7 alert(‘Hello JavaScript‘); 8 </script> 9 </head> 10 11 <body> 12 </body> 13 </html>
当JS 代码越来越庞大的时候,我们最好把它另存为一个.js 文件,通过src 引入即可。在script标签里面不能添加任何代码,否则这些代码是执行不到的。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 5 <title>First JavaScript Program</title> 6 <script src = "myFirstJS.js"> 7 8 </script> 9 </head> 10 11 <body> 12 </body> 13 </html>
在myFirstJS.js中,直接写代码即可,不需再加script标签。
1 alert(‘Hello JavaScript‘);
三、注释
// 单行注释
/*
* 这是一个多行
* 注释
*/
四、变量
定义变量时要使用var关键字,后面跟一个变量名。如 1 var name = ‘Wendy‘;
对于变量名:
1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。
2. 大小写敏感。
3. 不允许使用JavaScript关键字和保留字。
关键字和保留字见下表:
可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
1 var name="Gates", age=56, job="CEO";
声明也可横跨多行:
1 var name="Gates", 2 age=56, 3 job="CEO";
未完待续......