JavaScript
程序员文章站
2022-07-14 11:57:58
...
JavaScript
JavaScript:概念:一门客户端脚本语言
* 运行在客户端浏览器中,每个浏览器都有JavaScript的解析引擎
* 脚本语言:不需要编译,直接就可以被浏览器解析执行了
* 功能
* 可以来增强用户和html页面的交互过程,可以来控制html元素,让页面有一些动态的效果,增强用户的体验
JavaScript = ECMAScript + JavaScript自己特有的东西(BOM和DOM)
* ECMAScript:客户端脚本语言的标准
1. 基本语法
1. 与htmL结合方式
1.内部JS:
* 定义<Scpript>,标签体内容就是js代码
2. 外部JS:
* 定义<Script>,通过src属性引入外部的js文件
* 注意:
1. <script>可以定义html的任意地方。但是定义的地方会影响执行的顺序。
2. <script>可以定义多个。
2.注释
1.单行注释://注释内容
2.多行注释:/*注释内容*/
3.数据类型:
1.原始数据类型(基本数据类型):
1. number:数字。整数/小数/NAN(not a number 一个不是数字字符类型)
2. string : 字符串。
3.boolean : true和false
4.null: 一个对象为空占位符
5.uudefined:未定义。如果一个变量没有初始化值,则会被默认赋值为undefined
2.引用数据类型: 对象
4.变量
* 变量:一块存储数据的内存空间
* Java语言是强类型语言,而javaScript是弱类型语言
* 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定的数据 据类型
* 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据
* 语法:
* var 变量名 = 初始化值;
* typeof运算符:获取变量的类型。
* 注:Null运算后得到的是Object
5.运算符
* ++ -- 一元运算符
* + - * % / 运算符
* = += -+ 赋值运算符
* > < >= <= == ===(全等于) 比较运算符
* && || !逻辑运算符
* ? : 三元运算符
6.流程控制语句
1. if ... else...
2. switch
3. while
4. do ... while
5. for
2.基本对象
1. Function 函数(方法)对象
1. 创建:
1. var fun = new Function(形式参数列表,方法体);
2. function 方法名称(形式参数列表){
方法体
}
3. var 方法名 = function(形式参数列表){
方法体
{
2. 方法
3. 属性
4. 特点
1. 方法定义是,参数类型不写,返回值类型也不写
2. 方法是一个对象,如果定义名称相同的方法,会覆盖
3. 在js中,方法的调用只与方法的名称有关,和参数列表无关
4. 在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有的实际参数
5. 调用
方法名称(实际参数列表)
2. Array: 数组对象
1. 创建:
1. var arr = new Array(元素列表)
2. var arr = new Array(默认长度)
3. var arr = [元素列表];
2. 方法
join(参数): 将数组中的元素按照指定的分割符拼接为字符串
3. 属性
lenght:数组长度
4. 特点
1. JS中,数组元素的类型可变
2. JS中,数组的长度可变的
3.Date:日期对象
1. 创建
1. var date = new Date();
2. 方法
tolocaleString():返回当前date对象对应的时间本地字符串格式
getTime(): 获取毫秒值。返回当前如期对象描述的时间到1970年1月1日零点的毫秒值差
4. Math:数学
1. 创建
* 特点:Math对象不用创建,直接使用。Math.方法名().
2. 方法
random(): 返回0~1之间的随机数,含0不含1
ceil(X): 对数进行上舍入。
floor(x): 对数进行下舍入。
round(x): 把数四舍五入为最接近的整数
3.属性:
PI
5. RegExp:正则表达式对象
1. 正则表达式:定义字符串的组成规则
1. 单个字符:[]
如:[a] [ab] [a-zA-Z0-9]
* 特殊符号代表特殊含义的单个字符
\d: 单个数字字符[0-9]
\w: 单个单词字符[a-zA-Z0-9]
2.量词符号
?: 表示出现0次或1次
* : 表示出现0次或多次
+ : 表示出现1次或多次
{m,n}: 表示 m<= 数量<=n
m如果缺省:{,n}:最多n次
n........:{m,}:最少m次
3.开始结束符号
^ : 开始
$ : 结束
4.正则表达式
1. 创建
1. var reg = new RegExp("正则表达式");
2. var reg = /正则表达式/;
var reg = new RegExp("\w{6,12}");字符串中\具有转义意思可以\\就可 以了
2. 方法
1. test(参数):验证指定的字符串是否符合正则表达式的规范
6. Global
1. 特点:全局对象,这个Clobal中封装的方法不需要对象就可以直接调用。方法名();
2. 方法:
encodeURI():url编码
decodeURI(): url解码
encodeURIComponent(): url编码
decodeURIComponent():url解码
1. 变量的定义使用var关键字,也可以不使用
* 用: 定义的变量是局部变量
* 不用: 定义的变量是全局变量
推荐阅读
-
具体介绍javascript使用两种方式动态生成css代码的详情
-
javascript在myeclipse中报错的解决方法_javascript技巧
-
详解JavaScript基础知识
-
js中settimeout方法加参数_javascript技巧
-
JavaScript简单修改窗口大小的方法_javascript技巧
-
javascript实现右下角广告框效果
-
JavaScript中需要掌握的技巧
-
js拖动div 当鼠标移动时整个div也相应的移动_javascript技巧
-
javascript 简单抽屉效果的实现代码_javascript技巧
-
js 得到文件后缀(通过正则实现)_javascript技巧