一、概述
JavaScript是web上一种功能强大的编程语言,用于开发交互式的web页面。它不需要进行编译,而是直接嵌入在HTML页面中,由浏览器执行。
- JavaScript 被设计用来向 HTML 页面添加交互行为。
- JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
- 说明:脚本语言就是一种轻量级的编程语言。一般都由相应的脚本引擎来解释执行。例如JavaScript语言就由浏览器引擎来解析和执行。
- JavaScript 通常被直接嵌入 HTML 页面。
- JavaScript 是一种解释性语言(就是说,代码的执行不进行预编译)。
1.Javascript的组成部分
- ECMAScript: JS的核心,规定了JS的语法 和 词法。
- DOM:Document Object Model 文档对象模型 主要用来跟网页打交道的。可以把整个网页看作为DOM的对象提供访问和操作网页内容的方法。
- BOM:Browser Object Model 浏览器对象模型 主要用来跟浏览器打交道的。提供与浏览器交互的方法。
2.Javascript的引入方式1. 内部js:也就是在html源码中嵌入js代码语法格式:
<script type=”text/javascript”>
这里写你的js代码
</script>
注意:
- <script>标签可以写在html页面中的任何地方。而且一个页面中可以有多个<script>标签。
- type=”text/javascript”可以省略
2. 外部js:也就是将js代码单独写成一个js文件(扩展名是 .js而不是 .javascript), 在html代码中引入这个封装好的js文件
语法格式:
<script type=”text/javascript” src=”xxx.js”></script>
注意:
无论是内部js还是外部js在html中引入的位置是随意的,<head>标签中可以引入,<body>标签一样可以引入
二、Javascript的基本语法
1. JS变量的定义
js的变量的定义直接通过var关键字就行。
- 整型: var i = 0;
- 浮点型:var d = 3.14;
- 字符串:var str = “黑马程序员”;
- 布尔型:var b = true;
2. JS的数据类型
- 数字类型:number 包含了小数和整数
- 布尔类型:boolean 只有两个值: true(真)| false(假)
- 字符串类型:String 包含字符和字符串,既可以使用双引号又可以使用单引号
- 未定义类型:undefined 只有一个值,即 undefined未定义
- 空类型:null 只有一个值 null,表示空对象
3.JS的运算符
- 赋值运算符:等号(=), 举例: var x = 5。
- 比较运算符: > < >= <= == != === !==
- 逻辑运算符: && || !
- && 并且,双与:只有运算符两侧都为true,结果才是true; 一假即假。
- || 或者,双或:只要运算符两侧有一个是true,结果就是true;一真即真。
- ! 取反: !true = false; !false=true;
注意:
== 和 === 的区别:
两者都可以用来比较两个变量的值是否相等。
== 先做数据类型的转换,再进行比较。比如可以将整数转换为字符串,或者将字符串转换为整数等。
=== 全等 严格的比较,如果符号两侧的数据类型不一致,则立刻返回false。
所有的值都能参与逻辑运算