JavaScript
用于位页面添加动态效果,前身叫做LiveScript
一. Java和JavaScript区别
- Java是面对对象的程序设计语言,用于开发企业应用程序
- JavaScript则在浏览器中执行,用于开发客户端浏览器的应用程序,能够实现用户与浏览器的动态交互
二. JavaScript的引入方式
(1) 行内式
- 行内式是将JavaScript代码作为HTML标签的属性值使用。
例如:
<a href="javascriptalert('Happy');">test</a>
(2) 嵌入式
- 在HTML中,运用
<script type="text/javascript">
JavaScript语句:
</script>
嵌入式可以在或标签内的
适用于已加载的元素操作,需注意元素存在性的先后顺序
(3) 外链式
- 外链式时将所有的JavaScript代码放在一个或多个以“js”为扩展名的外部JavaScript文件中,通过src属性将这些JavaScript文件链入到HTML文档中。
<script type="text/Javascript" src="脚本文件路径">
</script>
注: 调用外部JavaScript文件时,外部的JavaScript文件中可以直接书写JavaScript代码,不需要script标签
优点:
- 利于代码后期修改和维护
- 减轻文件体积,加快页面加载速度
三. Javascript的基本语法
四. 尝试一个简单的JavaScript程序
要求完成以下的效果:
先自己动手做做
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>尝试一个简单的JavaScript程序</title>
</head>
<body>
<script>
alert("Hello wordl!");
prompt("请输入你的姓名:");
</script>
</body>
</html>
该实验包含两个函数的使用
- alert函数
alert函数用于创建一个带有指定消息的弹出窗口。
- prompt函数
prompt函数用于显示一个带有指定消息的输入对话框。
变量的声明
要想使用变量就得先声明变量。在JavaScript中使用 “var” 关键字声明变量,这种方式我们称之为“显式声明变量”。
<script>
var a;
</script>
声明变量的要求
- 必须以字母或下划线开头,中间可以是数字、字母或下划线
- 变量名不能包含空格、加、减等符号
- 不能使用JavaScript中的关键字作为变量名,如 var int
- 变量名严格区分大小写
五. 数据类型
(1) 数值型
数据型是最基本的数据类型。JavaScript和其他程序设计语言(如C和Java)的不同之处在于它并不区分整型数值和浮点型数值。在JavaScript中,所有数字的都是数值型,JavaScript采用 IEEE 754 标准定义的64为浮点格式表示数字。
当一个数字直接出现在JavaScript程序重视,我们称它为数值直接量。注意要的数值直接量包括整型数据、十六进制数据、八进制数据和浮点型数据。
例如:
整型数据:123456
十六进制:0X5C
八进制:023
浮点型数据:3.14
(2) 字符串型
字符串型由Unicode字符、数字、标点符号等组成的序列,用来表示文本。
在JavaScript中字符型数据包含在单引号或者双引号中,单双引号内可以相互包含。
例如:
‘啊’
“我是‘小明’的朋友”
“好的” ‘我不是“小明”,我是小天’
(3) 布尔类型
- 布尔型通常用于逻辑判断。布尔型的值只有true和false,表示“真”和假“
(4) 特殊数据类型
JavaScript还包含一些特殊的数据类型。如:转义字符、未定义型、空值。
1. 转义字符
- 转移符又称作控制字符,它们以反斜线作为前缀,无法正常显示且具有特殊的含义
2. 未定义型
- 这种类型的特殊值被称为"undefined",只有当声明的变量尚未初始化时才会产生这样的值。
3. 空值
六. 运算符
1. 算术运算符
- 包含加法、减法、乘法、除法和取余(/)等基本运算。
- 字符串与数字混合运算时,遵循优先级规则,字符串会先与数字相加,再与其他字符串相连。
2. 比较运算符
- 比较运算符用于判断变量或值的真假关系,包括等于、不等于、大于、小于等。
- 全等于==(===)和不全等于(!),它们会检查变量类型和值是否均一致。
3. 逻辑运算符
- 根据表达式的值来返回”真值“或”假值“
4. 赋值运算符
- 用于将右边的值赋给左边的变量,其中”=“是最基本的赋值运算符
5. 条件运算符
条件运算符会先计算 ?前是否正确,若正确则表达式1会被计算,若错误则表达式2会被计算
条件 ? 表达式1 : 表达式2
总结:
对于运算符的学习,个人建议自己找几个例子多练练,练多了就会熟悉。