当前位置: 首页 > >

JavaScript(一)

发布时间:

JavaScript
一:javaScript特征和基本结构
1.什么是JavaScript?

JavaScript是一种描述性语言,也是基于对象和事件的驱动语言,具有安全性能高的脚本语言;


2.JavaScript的特点:

javaScript主要用来在HTML页面数据交互;
javaScript是一种脚本语言,语法和Java类似
JavaScript是一种解释性语言边执行边解释;


交互性(它可以做的就是信息的动态交互)
安全性(不允许直接访问本地硬盘)
跨*台性(只要是可以解析js的浏览器都可以执行,和*台无关)


3.JavaScript组成:

JavaScript由ECMAscriptDOMBOM组成;

ECMAscript:
定义了基础语法,结构,数据类型,内置对象等;
DOM(文档对象模型):
在ECMAscript扩展出用于获取,更改,添加或删除XML元素的标准;
BOM(游览器对象模型):
描述了与游览器进行交互的方法和接口可以对游览器窗口进行访问和操作


4.JavaScript基本结构:



5.在网页中引用JavaScript的三种方式:

(1)内部JavaScript文件;


(2)使用外部JavaScript文件;




(3)直接在HTML标签中





*用JavaScript给元素设置样式,样式出现在行间,设置的时候JavaScript的优先级是最高的;


二:JavaScript核心语法
1.六大基本数据类型:

object:(变量类型)(引用类型):对象,函数,数组
Boolean(布尔类型)
number(数据类型):纯数字或NaN
String(字符串类型):获取字符串的长度。语法:变量名.length
underfined:(未定义类型)
null:(空类型)


typeof():检测数据是什么类型;


==:比较值;
===不只是比较值还要比较类型;


2.变量(储存数据的容器)

定义:就是存放数据的,可以存储任意数据


声明变量
语法:


var/let 变量名称 = 存储的数据; (variable 变量)(let是ES6新的命名方式)

允许不给值:undefined(未定义)
命名规则:


1. 只能由字母、数字、_(下划线)、$(美元符号)组成。
2. 不能以数字开头。
3. 命名中不能出现-(js会理解成减号进行减法的操作),不能和关键字冲突。

3.运算符

算术运算符: +(加) -(减) *(乘) /(除) %(取余) ++(自增) ? (自减)
关系运算符:>,>=,<,<=,!=,,等于(只比较内容),= 恒等于(比较内容的同时还要比较数据类型)逻辑运算符:&&与,||或,!非


4.逻辑控制语句

(1)if条件语句
语法:


if(表达式){
//代码
}else{
//代码
}

(2)swatch条件语句:
语法:


switch(){
case 值1:
//javaScrpit代码;
break;
case 值2:
//javaScrpit代码;
break;
case 值3:
//javaScrpit代码;
break;
.......
default:
//javaScrpit代码;
break;
}

(3)for循环语句


语法:


for(初始化,条件,增量或减量){
//JavaScript语句;
}

(4)while循环语句
语法:


while(条件){
//JavaScript语句;
}//先判断后执行

(5)do-while循环语句
语法:


do{
//JavaScript语句;
}while(条件);
//先执行后判断;

三:函数,事件,数组
1.函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function:


函数分为:
(1)系统函数;
(2)自定义函数;


常用的系统函数
(1)parseInt:解析一个字符串,并返回一个整数;
(2)parseFloat:解析一个字符串,并返回一个浮点数;
(3)isNaN:用于检查参数是否为非数字;
自定义函数
在JavaScript中自定义函数由function,函数名,一组参数及置于括号中的特定的JavaScript语句组成。
自定义函数分为有参函数和无参函数


语法:


function 函数名(参数1,参数2...){
//JavaScript语句;
[return返回值]
}

调用函数


事件名=“函数名()”;


*函数也分为有名函数和匿名函数:
(1)有名函数:function name(){}
直接调用name;
(2)匿名函数:function(){}
事件调用;


演示代码:


2.事件

(1)JavaScript中常用的事件:
onload:加载事件
onfocus/onblur:激活/失去焦点;
onclick:鼠标单击;
onkeydown/onkeyup:按键按下/按键弹起;
onmousedown/onmouseup/onmousemove:鼠标按下/鼠标弹起/鼠标移动;
onmouseout:鼠标移走;
onmouseover:鼠标悬停;


3.数组

创建数组语法:var 数组名称=new Array(size);


数组的常用属性和方法:
(1)push(添加的数据):往数组的最后一项添加 返回值是长度
(2)unshift(添加的数据) 往数组的第一项添加 返回值是长度
(3)pop():没有参数 始终删除的是数组的最后一项 返回值是最后一项数据
(4)shift(): 没有参数 始终删除的是数组的第一项 返回值是第一项数据
*以上四个方法是会改变原来数组的数据


演示代码:


(5)slice() 截取数组的数据,返回一个新数组不会改变原来数组的数据;
接受2个参数
1 startIndex 开始下标位置
2 [endIndex] 结束的下标位置
*注意:
1.如果只有一个参数,表示的开始位置,截取的是从开始一直截取到最后
2.如果有两个参数,截取的是从开始在结束之间的数据,包含开始的数据,不包含结束位置的数据
3.如果开始和结束位置是相等,返回值是空数组


演示代码:



友情链接: