JavaScript-初识JS

前端三大组成部分

一、HTML（页面的结构层）
二、CSS（表现层 层叠样式表）
三、JavaScript（行为层）主要用来提供用户和界面的交互

JS学习阶段总体分为三大组成

1、ECMAScript5.0 是指JS的基础语法（变量、数据类型、字符串、数组、流程控制语句、函数、事件、计时器、内置对象）
2、BOM(浏览器对象模型)： 是指用来操作浏览器的
3、DOM 文档对象模型 (重点知识) ： 是指用来从操作html元素

什么是JavaScript？

JS是指基于对象和事件驱动的客户端弱类型脚本语言

对象：万事万物皆为对象

对象的三大特征：

1.属性：是指描述对象的外观特征；
2.方法：是指对象所具备的主动行为；
3.事件：是指对象的被动行为。

举例：person对象：

属性：姓名、性别、身高、年龄…
方法：跑、跳、吃、喝…
事件：是指对象的被动行为，或者说对象接受的某种指令 去完成的一种行为

弱类型

是指根据变量的值来确定变量的数据类型

脚本语言

是指解释型语言
解释型语言：是指将代码编写一行，就执行一行；
编译型语言：是指程序一次性编译好，统一执行，编译一次，可以在多个平台上运行

JS的基本语法（变量、数据类型）

JS嵌入页面的方式：

1、行间嵌入:通过事件驱动 Eg: οnclick=‘alert(nihao)’; 嵌入在页面
2、内嵌嵌入:在head中通过script标签 嵌入JS程序
3、外部JS : 在head中通过script标签 属性src引入外部的js文件

变量名称的命名规则：

（1）驼峰命名法： getElement、userName;
（2）变量的名称是以字母 $ _ 组成；
（3）变量可以包含数字，但是不能以数字开头；
Eg: var num09; var num_09; var $num;
（4）不能使用JS中的关键字; 错误的写法： var var;
（5）JS中区分大小写；userName username 表示不同的变量；
（6）变量可以使用中文命名，但是不建议;
（7）变量的长度 不能超过255个字符。

数据类型

JavaScript数据类型有2大分类：一是“基本数据类型”，二是“特 殊数据类型”。

基本数据类型包括以下5种：

1)数字型（Number型）
2)字符串型（String型）
3)布尔型（Boolean型）
4)未定义的类型 （undefined）
5)空类型(null)

特殊的数据类型:

1)object 对象类型 是所有类型的父类
2)Array(数组)
3)function(函数)
…

数据类型转换

数字转换为字符串：
1.拼接字符串

var num=20;
num+''

返回结果类型为：string
+号作用：1.求和运算 2.拼接字符串
2.使用JS的封装方法转换

(1)num.toString();
(2)String(num);

字符串转换为数字类型：
parseint(); 转换为整数类型
parsefloat(); 转换为浮点数类型