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 = "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";    

未完待续......

时间: 2024-10-09 08:55:51

JavaScript入门(1)的相关文章

JavaScript入门:005—JS基本语句

JS的基本语句如下.主要看看循环语句和选择语句.循环语句1.for循环 for(var i=1;i<100;i++){ //代码 } 2.do...while循环 var i = 0; do { i++; //代码 }while(i<100); 3.遍历 var array = new Array(); array[0] = "你懂的"; array[1] = "over"; array[2] = "呵呵"; array[3] = &

Javascript入门视频教程

1,第一节 http://pan.baidu.com/play/video#video/path=%2F%E6%95%99%E5%AD%A61.mov&t=-1 2,第二节 http://pan.baidu.com/play/video#video/path=%2FJavascript%E6%95%99%E7%A8%8B2.mov&t=-1 Javascript入门视频教程,布布扣,bubuko.com

JavaScript入门学习书籍的阶段选择

对于许多想学习 JavaScript 的朋友来说,无疑如何选择入门的书籍是他们最头疼的问题,或许也是他们一直畏惧,甚至放弃学习 JavaScript 的理由.在 JavaScript 方面,自己不是什么专家,也不是什么高手,但自己一路走来,JavaScript 从迷茫到认识,对于JavaScript 书籍的认识或许还有些借鉴价值.入门推荐首选书籍:<JavaScript DOM 编程艺术>当初读了不下 4 遍,书内容简单,易学,上手快,编程思想严谨.好的入门书,对你未来的编程都会有着深远的影响

&lt;javascript入门&gt;基本语法

<javascript入门>基本语法一.什么是javascript?javascript语言有什么特点?脚本语言的特点?    1.如果说css是给html页面进行化妆装饰以使html页面更加美观漂亮,那么javascript就是对html中DOM树上的节点进行增删改以使html页面实现动态的效果.    2.javascript语言是一种基于面向对象的.弱类型的.平台无关性的.安全性的语言.之所以说javascript基于面向对象是说它不是一种纯粹的面向对象,而是需要面向对象时即面向对象,需

JavaScript入门:001—概述

关于JavaScript JavaScript针对html页面进行交互行为:JavaScript是脚本语言,解释执行的:JavaScript可以直接嵌入html页面,也可以是个.js文件加载到html页面执行: JavaScript是免费的. JavaScript的作用 JavaScript是为html页面提供的编程工具 即使不是程序员也可以使用javascript进行页面的设计和美化,只需写一段javascript程序即可.JavaScript能响应事件 在html元素上设置一个事件,当事件被

JavaScript入门--慕课网学习笔记

 JAVASCRIPT-(慕课网)入门篇 我们来看看如何写入JS代码?你只需一步操作,使用<script>标签在HTML网页中插入JavaScript代码.注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间. <script type="text/javascript">表示在<script></script>之间的是文本类型(text),ja

02.JavaScript入门基础

一.JavaScript数据结构: 标识符(变量名和函数名) JavaScript语言中标识符最重要的3点就是: (1)第一个字符必须是字母.下划线(_)或美元符号这3种其中之一,其后的字符可以是字母.数字或下划线.美元符号: (2)变量名不能包含空格.加号.减号等符号: (3)标识符不能和JavaScript中用于其他目的的关键字同名: .关键字(JavaScript关键字是指在JavaScript语言中有特定含义,成为JavaScript语法中一部分的那些字) .常量(常量的指从定义开始就是

LEADTOOLS HTML5&amp;Javascript 入门笔记

TODO:待编辑 将HTML5 / JavaScript查看器控件添加到HTML文档 <head> <script type="text/javascript"> run: function SiteLibrary_DefaultPage$run() { // Create the viewer var createOptions = new Leadtools.Controls.ImageViewerCreateOptions('imageViewerDiv'

JavaScript入门:003—JS中的变量

编程语言都是相同的,JS中也是有变量的.首先JS的变量是区分大小写的,这个需要注意,比如number和Number是不同的变量.不管是常用类型的,还是对象类型,比如 Object obj和Object Obj是两个对象.然后是对变量赋值,这个基本都一样,可以先声明再赋值, var i; i=0; 也可以声明时赋值, var i=2; 而变量如果你不重新赋值,它是不会改变的,比如 var i=2: var i; 因为i没有重新赋值,所以i还是2.而对于对象变量则比较有意思,不需要向那些java,c

JavaScript入门基础

JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运算符(+,-,*,/,++,--,%).比较运算符(>,<,<=,>=,==,===,!=,!==).逻辑运算符(||,&&,!).条件运算(?:).位移运算符(|,&,<<,>>,~,^)和字符串运算符(+). 可能很多人不知道&quo