前端页面三层:结构层HTML 表示层CSS 行为层JS
含义:
JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
作用:
- 1、实现表单验证,减轻服务器端压力。
2、页面动态效果如图片轮播,Tab选项卡切换
3、H5大量框架采用javascript开发完成。
特点:
向HTML页面添加交互行为
借鉴多种语言设计的脚本语言
引入JavaScript方式(3种):
- 使用标签内部样式
- 外部js文件
- 直接在HTML标签中的行为样式
JavaScript的基本结构
<script type=“text/javascript”>
JavaScript 语句;
</script >
变量:变量是一个标识符,在程序运行过程中用于保存临时数据
变量命名语法规定
必须是字母、数字、下划线和$组成
首字母不能是数字
不能使用Javascript保留字
命名区分大小写
数据类型:
- undefined
- null
- number
- boolean
- string
- object
typeof检测变量的返回类型值 typeof运算符返回值如下:
- undefined:变量被声明后,但未被赋值
- string:用单引号或双引号来声明的字符串
- boolean:布尔值
- number:整数或浮点数
- object:javascript中的对象、数组和null
- function
= 赋值
==判断数字字符串和数字的值相等。
===绝对相等 数值相同+类型相同。
函数
函数的含义:是将相关代码封装在一起,能完成特定任务的代码块
函数的作用:重复调用、简化程序
函数分类:系统函数和自定义函数
parseInt (“字符串”)
将字符串转换为整型数字
如: parseInt (“86”)将字符串“86”转换为整型值86
parseFloat(“字符串”)
将字符串转换为浮点型数字
如: parseFloat(“34.45”)将字符串“34.45”转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字
定义匿名函数
var showFun = function (count) {
for(var i=0;i<count;i++){
console.log("Hello World");
}
};
循环的break 一出现会退出循环。
return:结束当前函数的运行,后面代码不再执行。
continue:终止循环进入下一次循环。
js中参数匹配特点:
不强制要求匹配、可有可无、参数由arguments封装
ps switch 多重条件语句中
都不满足用dedault: alert
var letter = prompt('请输入英文字母:');
switch (letter){
case 'A':alert('您输入的是元音A!');break;
case 'E':alert('您输入的是元音E!');break;
case 'I':alert('您输入的是元音I!');break;
case 'O':alert('您输入的是元音O!');break;
case 'U':alert('您输入的是元音U!');break;
default:alert('您输入的是辅音字母!');
}
作用域
全局作用域:在代码的任何位置都可以访问
- 最外层的函数,script标签内部定义
- 最外层函数外定义的变量,script标签内部定义
- 隐式全局变量
局部作用域:在指定的代码段范围中可以访问。当局部和内部同名时局部高
- 函数内部定义的变量
PS:内部函数是局部的
作用域链
作用域分为全局作用和局部作用域,函数访问一个变量的时候,先在自己的域里找,找不到就到它父函数里找,在找不到就在全局里找。
原型链
每个类都有一个原型对象,每个类都是object子类,我们在对象中访问一个属性的时候,先在对象中去找然后找不到就在它的原型对象中找,原型对象再找不到就到它的父原型对象找一直找到object类的原型对象。
对象是一种复杂的数据类型
Javascript提供了大量的内置对象
Array
String
Math
Date
Arguments
RegExp
数组中队列:先进先出 push shift
堆栈:先进后出 unshift pop
Arguments 实现累加,包含所有参
BOM
BOM可实现功能
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口的大小
页面的前进、后退、刷新和重新加载
获取操作系统和浏览器的信息
jQuery