JavaScript快速学习

向右看齐 2022-08-23 00:57 91阅读 0赞

一、Javascript概述(知道)  
a.一种基于对象和事件驱动的脚本语言  
b.作用： 给页面添加动态效果  
c.历史： 原名叫做livescript.W3c组织开发的标准叫ECMAscipt.  
d.特点：  
 1). 弱势语言  
 2). 由浏览器直接解析执行。（函数不能直接执行）  
 3). 是一个解释性语言  
     4). 交互性（它可以做的就是信息的动态交互）  
     5). 安全性（不允许直接访问本地硬盘）  
     6). 跨平台性（只要是可以解释Js的浏览器都可以执行，和平台无关  
e . javascript和java的一些区别：  
 1). javascript是一个解释性语言,java是编译解释性语言  
     2). javascript是一个弱势语言，Java是一个强势语言  
     3). 在页面上引入的方式不同javascript代表用<script>引入，Java代码<%>  
     4). JS是基于对象，Java是面向对象。  
  
  
二、JavaScript语言组成(了解)  
     EcMAScript  + BOM + DOM   
ECMAScript: 规定了一些语法，变量，for循环等等结构  
   BOM: Browser  object  Model 浏览器对象模型  
   DOM: Document  object  Model 文档对象模型  
  
三、JavaScript与Html的结合方式(掌握)  
Javascript与HTML的结合方式有三种：  
1.采用事件来调用，代码写在字符串中  
<button onclick = "alert('大家好')">点击</button>  
2.采用定义函数的方式: 用function来定义函数   
function fun()\{ alert('你好')\} ;  
3.采用外部js文件.  
利用<script src = "a.js"></script>引入  
  
  
四、JavaScript基本语法(掌握)  
  
  
\* 定义变量：采用var关键字来定义.定义的变量的类型是由给定的值来决定的。  
\* 数据类型： undifined,表示未定义类型。  
Number类型。代表了一切数字类型  
String类型。字符串类型  
Boolean类型。布尔类型  
Function类型。函数类型  
Null类型。     
object ：对象类型.  
    \* 判断变量的类型 :   
   1. 采用typeof函数判断 :typeof(a) == "string"  
   2. 采用instanceof运算符： a instanceof String  
  
  
\* 三大结构  
a.顺序结构  
b.选择结构  
c.循环结构 for,while,do...while  
  
  
    \* 运算符  
1.一元运算符 +(正号) -  ++ --   
2.二元运算符 +(加法) - \* / %  
3.三元运算符 ？ ：  
4.等号  == 判断的是内容,  
=== 全等于 ,判断类型和内容  
  
  
    \* 类型的转换  
1. Number转String : 3 + ""  
2. Number转Boolean ：在javascript中，非0为真，0为假。如果变量为null或者undefined，也为假.  
3. String转Number:  
a. parseInt,parseFloat  
b. 乘以1即可  
  
  
五、JavaScript 函数的定义（掌握）  
\* 函数的定义有三种方式：   
1.采用function关键字来定义  
2.采用匿名的方式来定义  
3.采用new Function()的方式(了解,不推荐)  
  
  
\* 函数的调用：  
1.函数调用的时候参数可以传递多个，可以和函数定义的形参个数不符合  
2.如果函数重名了，那么调用的时候一定是调用最后一个，与参数无关。  
\*\*\* 推荐： 定义函数的不要重名。  
  
  
函数劫持：  
改变函数本身的作用.  
  
六、JavaScript 全局函数(掌握)  
全局函数：  
1.isNaN (掌握)：用来判断变量是否是数字类型的字符串  
NaN: not a Number ,不是一个数字  
2.parseInt,parseFloat  
3.eval(掌握): 把字符串转换成数字  
4.escape(): 编码  
5.unescape(): 解码  
6.encodeURI(): 对网址（URL）进行编码  
7.decodeURI(): 对网址（URL）进行解码  
  
七、JavaScript常用对象介绍（掌握）  
\* Array对象 数组对象，进行数组操作  
定义方式  
1.采用new的方式  
2.采用中括号\[\]来定义  
数组的长度可以随时改变  
  
特点：   
1.javascript中数组的大小可以随时改变  
2.javascript中数组的下标可以是任意对象。  
  
  
方法：   
1.join() : 把数组的所有元素放入一个字符串. 默认用逗号连接  
2.push() : 向数组的末尾添加一个元素  
4.reverse() :反转  
3.shift() : 删除并返回数组的第一个元素  
4.sort() ; 排序 .默认同类型的数据相比较.  
  
\* String对象 ----- 字符串类型的引用类型  
String对象：   
方式： substr: 截取字符串 两个参数第一个是下标，第二个是长度  
substring: 截取字符串 两个参数第一个是下标，第二个是下标  
toUppercase:  
toLowercase:  
indexOf:  
charAt() :  
replace():  
\* Number对象 ---- 数字原始类型引用类型  
Num对象：  
1. random() : 获得随机数\[0,1)  
2. ceil() : 返回大于等于次数的最大整数  
3. floor() : 返回小于等于次数的最大整数  
4. round(): 返回四舍五入后的整数  
\* Boolean对象 ---- 布尔原始类型引用类型   
\* Math对象 执行数学任务  
\* Date对象 用于处理日期和时间  
Date对象： 代表一个时间  
方法： getXXX() : 拿到年月日  
\* RegExp 对象正则表达式对象   
正则表达式  
写法： 1. new的方式   var r = new RegExp("ab") ;

2. 采用/正则表达式/ (推荐)  var r = /ab/ ;

\-------------------------------------华丽分割线------------------------------------------

js的使用方式：

**1）事件定义**

<οnclick="js代码">

**2）直接嵌入式**

可以出现在html的任意位置

js代码

</script>

**3）文件调用**

common.js（文件编写js代码）

html文件引入js文件：