黑马程序员技术交流社区

标题: 【上海校区】Javascript详解（一） [打印本页]

作者: 偷树的光头强 时间: 2019-8-14 17:32
标题: 【上海校区】Javascript详解（一）
Javascript详解（一）
一、概述
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代码语法格式：

这里写你的js代码

</script>

注意：

<script>标签可以写在html页面中的任何地方。而且一个页面中可以有多个<script>标签。
type="text/javascript"可以省略

2. 外部js：也就是将js代码单独写成一个js文件(扩展名是 .js而不是 .javascript), 在html代码中引入这个封装好的js文件

语法格式：

注意：

无论是内部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。

所有的值都能参与逻辑运算

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2