JS在网页中的作用:就是处理用户的交互
使用:
1.直接使用 通过html标签属性的使用
οnclick=”alert(‘我的第一个javascript文件’)”
2.在script标签写入JS代码
<script type="text/javascript">
alert('我的第一个javascript文件');
</script>
3.通过script引入外部文件
<script src="js/1.js" type="text/javascript" charset="utf-8"></script>
JS变量
数值型number 可为整数或浮点数
1.整数
2.小数
字符串型string 用于保存文本数据
1.单引号
2.双引号
布尔型boolean 只能是true或false
对象型object 例如document、window、date等对象
函数function 为内置函数或用户自定义函数。
undefined 定义变量没有值
null 是一个对象
通过关键字typeof测试变量的数据类型
变量声明: var 变量名 = 值
运算符:
比较运算符:
> < >= <= == != ===全等
逻辑运算符:
&& & || | ! ~
算术运算符:
+ - * / %
赋值运算符:
==
复合运算符:
+= -= *= /= %=
运算规则:算术运算符 > 比较运算符 > 复合运算符 > 赋值运算符
选择结构
if else
分支结构
switch(变量)
case:值
break
.....
default:
规则:和Java一样
循环结构
while
do while
for
规则:和Java一样
循环两个关键字:
break
continue
定义数组四种方式:
1. var cars = new Array();
cars[0] = 'a';
cars[1] = 'b';
2. var cars = new Array(2);
cars[0] = 'a';
cars[1] = 'b';
3. var cars = new Array(1,2,3);
4. var cars = [1,2,3];
concat 连接两个数组
length 数组元素个数
join(分隔符) 将数组元素中加分割符号后串接并返回一个字符串
reverse() 将数组元素按照原先相反位置存放
slice(始[,终) 返回一个子数组
sort() 按照字母排序
pop() 在数组末尾取出一个元素
push() 在数组末尾加入元素
shift: 在数组开头删除一个元素
unshift() 在数组开头加入元素
Date的常用方法:
var date = new Date()
setYear()/getYear()
getFullYear() [推荐] 设置/获取年份
setMonth()/getMonth() 设置/获取月份
setDate()/getDate() 设置/获取天
setDay()/getDay() 设置/获取星期
toLocaleString()
toLocaleDateString
toLocaleTimeString()
getTime() 获得系统时间毫秒 按照本地格式返回日期字符串
获取本机的时间
Math的常用方法:
PI 3.1415926
random() 生成0-1的随机数
eval(); 将字符串转化为JS代码
函数:
定义方式:
function MyFunction(形参1,形参2,形参n){
函数体
}
String的常用方法:
length 字符串的长度
charAt(<位置>) 获取第几位置上的字符
charCodeAt(<位置>) 获取第几位置上的字符的unicode码
indexOf(子串[,起始位置) 定位子串在字符串中的位置
lastIndexOf() 查找最后一次出现某字符串的索引位置
split(分隔符) 拆分字符串,返回数组
substring(始(,终]) 截取子字符串 左开右闭(]
substr(始[,长]) 根据长度截取子字符串
toUpperCase() 大写
toLowerCase() 小写
JS事件
onclick 单击事件
ondblclick 双击事件
onmousedown 鼠标按下
onmouseup 鼠标松开
onmouseover 鼠标移入
onmouseout 鼠标移除
onmousemove 鼠标移动
onkeydown 键盘按下
onkeyup 键盘释放
onkeypress 字面字符键按下
event.keyCode == 13 实现回车登陆
onfocus 获取表单焦点
onblur 失去焦点
onload 加载事件
Window方法
alert 警告框
prompt 提示对话框
confirm 确定框
setTimeout 定时器 clearInterval 清除定时器
setInterval 间隔器 clearTimeout 清除间隔器
open 打开窗口 open("URL","win","width=200px,height=200px");
close 关闭窗口