码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript入门(1)

时间:2014-09-28 19:14:54      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   使用   ar   java   strong   

一. 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关键字和保留字。

关键字和保留字见下表:

bubuko.com,布布扣

 可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:

 1 var name="Gates", age=56, job="CEO"; 

 声明也可横跨多行:

1 var name="Gates",
2     age=56,
3     job="CEO";    

 未完待续......

JavaScript入门(1)

标签:style   blog   http   color   io   使用   ar   java   strong   

原文地址:http://www.cnblogs.com/WendyCoding/p/3998464.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!