JavaScript基础
- 1、概念：
JavaScript 是一种解释型的、基于对象的脚本语言。
- 2、作用：
运行于浏览器上,用于产生动态效果及客户端验证。
- 3、使用方式：
直接在html标签中onclick(“function_name”);
使用script标记
使用外部文件
- 4、数据类型：（js中定义的变量没有初始化时，输出时为undefined）
数值型number 可为整数或浮点数
字符串型string 用于保存文本数据
布尔型boolean 只能是true或false
对象型object 例如document、window、date等对象
函数function 为内置函数或用户自定义函数
- 5、运算符：
比较运算符 > < >= <= == ===(全等，不仅值相等，类型也相等)
逻辑运算符 && &(位运算符，将数变成二进制，再按位) || |
算术运算符 + - * / ++ –
赋值运算符 =
复合赋值运算符 += *= /= %=
- 6、分支和循环：
if
if else
if (else if) else
switch case(break) default
循环 – for while (do..while)
循环的两个关键字：break；continue
- 7、数组：Object[]
var 数组名= new Array();定义一个初始长度为0的
var 数组名= new Array(length)定义一个初始长度为length的
var 数组名= new Array(1,”a”,1.2);给定元素，可以是多种类型的
常用方法：
- arr1.concat(arr2).toString()，连接数组，但是不会改变原有数组
- arr1.join(“”),将数组转为字符串，可以指定分隔符，默认为逗号
- arr1.pop()删除并返回数组的最后一个元素
- arr1.push(“”)想数组末尾添加一个元素，并返回新数组的长度
- arr1.reverse()反转数组的顺序
- arr1.shift()删除并返回数组的第一个元素
- arr1.unshift()在数组的开头添加一个或多个元素并返回新数组的长度
length返回长度
8、String 字符串
定义方式：
var 变量名=””
var 变量名= ”
Split()分割字符串，返回一个数组
substring() 提取子串，指定索引，左闭右开
substr(index,length)从指定位置开始提取length个字符
9、函数
定义方式：a（重点掌握！）
function fun_name (形参1，形参2.....){
//函数体
}
//函数调用穿参数的时候，可以不传，可以传个数不匹配的参数；如果个数不够，则对应的实参赋值为undefined；如果个数过多，则按顺序赋值
返回值：使用return返回，函数不需要声明返回类型
定义方式：b
var 变量名= function(形参1，形参2.....){
//函数体
}
定义方式：c
var 变量名 = new Function("形参1","形参2","执行体")
JavaScript事件
- 单双击事件
单击事件，通过onclick在添加了属性的框中移动
双击事件，ondbclick - 鼠标事件
onmousemove，鼠标移动，触发事件
onmouseout，鼠标脱离添加了属性的框，会触发事件
onmouseover，进入 - 键盘事件
onkeydown 按下键盘触发事件
onkeypress
onkeyup 键盘按下松开 - 焦点
onfocus 获取焦点
onblur 失去焦点 - 加载事件
onload页面加载完成触发
window对象
1、window常用的方法
对话框
alert -弹出一个警告框
confirm - – prompt(“描述内容”)：弹出输入框，并可以获取输入的内容延时函数
setTimeOut(“alert(1)”,5000)第一个参数是执行动作，第二个是延迟的毫秒数，这个动作可以是另外的方法，也可以是匿名的而方法，写匿名的方法时，不写引号
setInterval 即一直弹出提示，而timeout只弹一次子窗口
function testSonWindow(){
window.open("son.html","win","width=400,height=200,top=100,left=500")
}
2、location
3、history
倒计时程序实例：
countDown.html
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function sonPage(){
window.open("son.html","win","width=250,height=150,top=100,left=400");
}
</script>
</head>
<body>
<input type="button" name="" id="" value="开始计时" onclick="sonPage()" />
</body>
</html>
son.html
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#text1{
width: 20px;
}
</style>
<script type="text/javascript">
var id;
function clicked(){
var i=parseInt(document.getElementById("text1").value); //获取文本框的值
id =setInterval(function testCountDown(){
if(i==0){
document.getElementById("text1").value=null; //倒数到0时，将文本框中的值清空
clearInterval(id);//取消由 setInterval() 函数设定的定时执行操作。
}
document.getElementById("p1").innerHTML=i; //将i的值赋给span
i--; //一秒钟减一次，模拟倒计时
},1000);
}
</script>
</head>
<body>
输入秒数：<input type="text" name="" id="text1" />
<input type="button" name="" id="" value="测试" onclick="clicked()" />
<span id="p1"></span>
</body>
</html>
扫一扫
1307
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
