你的位置:首页 > Java教程

[Java教程]JavaScript基本语法(一)


        前段时间学习了HTML和CSS,也实战了一些结构较简单的项目。在还没运用到JS的知识时,做出来的效果总觉得少了些什么。虽然总体布局与一些基本的特效,也能用HTML+CSS就能完成。但如今开始进入JavaScript的学习,学习完JS后,才算是能做出一个像样的网站。学习JS就没有像学习HTML和CSS那样轻松了。这如果没有足够的耐心与毅力,估计很快就被击倒。知识需要一点点积累,最终汇聚成知识的海洋。
1、什么是JavaScript
Javascipt是一种脚本语言,由web浏览器进行解释和执行。脚本就好比演员的剧本,剧本决定了演员要做的事情。用 JavaScript 编写的程序能够访问 Web 页面的元素和运行它的浏览器,对这些元素执行操作,还可以创建新元素。JavaScript 是一种解释型语言,不是 C++或 Java 那样的编译语言。
指令以普通文本形式传递给浏览器,然后依次解释执行。
2、JavaScript 能做什么
让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等。
3、JavaScript应用到网页的方式
(1)、将javascript代码插入html文档<head>部分的<script>标签中 。
例:<head>

<script type=“text/javascript”>
  alert(‘你好!’);
</script>

</head>
(2)、将javascript代码存放在一个独立的文件。用.js作为文件的扩展名,再利用<script>标签的src属性指向该文件。

例:
<head>
<script type=“text/javascript” src=“test.js”></script>
</head>
4、JavaScript 语法
(1)、变量

a、变量由 var 运算符加变量名定义。如下:
var age = 25;
在这里,用var 来定义了一个名为age 的变量,其值为整数25。
注:变量简单理解为好比生活中的容器。

变量名命名规则:

第一个字符必须是字母、下划线(_)、或美元符号 ($);

变量名中不能包含空格或标点符号(下划线(_) 和$ 除外);

b、变量名区分大小写;

不能使用保留字、关键字;
如下:
var name="John";对
var 1num="0";错
var var=1;错

(2)、数据类型

a、字符串(String)

字符串由零个或多个字符构成,字符包括字母,数字,标点符号和空格;

字符串必须放在引号里(单引号或双引号);

var name= “sum”;
var mood = ‘happy’;

b、数值(number)
var age = 25;
var price = 33.25;
注:要注意,字符串的特征是有单引号或双引号括起来。

(3)、JavaScript注释

JavaScript 注释可用于提高代码的可读性。JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。

//  单行注释

/* …* /  多行注释

注:多行注释不能互相嵌套。

(4)、布尔类型 (boolean)

布尔型数据只能有两种值 true 和 false;

var married = true;

var married = false;

与字符串不同,不要把布尔值用引号括起来。布尔值 false 与 字符串 "false"是两回事。

(5)、对象(object)

在 JavaScript中,几乎所有的事物都是对象。对象(object) Javascript是一种面向对象的语言,因此可以使用面向对象的思想来进行 对象就是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。对象也是一个变量,但对象可以包含多个值(多个变量)

真实生活中,一辆汽车是一个对象。对象有它的属性,如重量和颜色等,方法有启动停止等:

a、对象定义

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

定义 JavaScript 对象可以跨越多行,空格跟换行不是必须的:

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};

b、对象属性

通常认为 "JavaScript 对象是键值对的容器"。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为 对象属性

访问对象属性的方法:

1)、person.lastName;

2)、person["lastName"];