首页 > 代码库 > JavaScript入门(1)
JavaScript入门(1)
一. 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 = "http://www.mamicode.com/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"; 未完待续......
JavaScript入门(1)