一、函数
函数的定义:类似于Java中的方法,是完成特定任务的代码语句块。
1. 系统函数
eval(<表达式>)
//得到一个文本框的值(表单)
例:var sname=eval("doucment.form.sname.value");
parseInt("字符串")
//将字符串转换为整型数字
parseFloat("字符串")
//将字符串转换为浮点型数字
isNaN()
//用于检查其参数是否是非数字
alert(isNaN("55"));
2. 自定义函数
2.1 无参函数
function 函数名(){ //javascript代码; }
2.2 有参函数
function 函数名(参数1,参数2,...){ //javascript代码; }
2.3 带返回值函数(无参)
function 函数名(){ return 返回值或变量; }
2.4 带返回值函数(有参)
function 函数名(参数1,参数2,...){ return 返回值或变量; }
3. 函数的调用
3.1 外部调用:
<input type="button" value="点我吧" οnclick="mya()" />
3.2 内部调用:
<script type="text/javascript"> function mya(name){ alert("我叫"+name); } may("超级RP"); </script>
3.3 函数调函数
<script type="text/javascript"> function mya(name){ alert("我叫"+name); } function myb(){ may("超级RP"); } </script>
注意:函数不可以跨页面调用。但可以通过将函数写入js文件,页面调用该js文件,通过js代码重用来实现。
二、函数实现代码的重用
重用的概念:重复使用
2.1 获得文本框的值:
var ia=document.getElementById("ID").value;
2.2 为文本框赋值:
document.getElementById("ID").value="11111";
三、局部变量和全局变量
写在方法体的里面的变量称为局部变量;
写在方法体之外的变量称为全局变量。
四、window对象
常用属性:
screen: 有关客户端的屏幕和显示性能的信息
history: 有关客户访问过的URL的信息
location: 有关当前URL的信息
常用方法:
prompt: 显示可提示用户输入的对话框
alert: 显示带有提示信息和确定按钮的对话框
confirm: 显示一个带有提示信息、确定和取消的对话框
--window.open("1.html");//打开新的指定页面 【注意路径级别】
--location.href("1.html");//不打开新页面的前提下直接进入新页面
--location.reload();//刷新当前页面
--window.close();//关闭当前页面
--history.back();//返回 必须有历史记录 history.go(-1)
--history.forward();//前进 必须有历史记录 history.go(1)
setTimeout: 在指定的毫秒数后调用函数或计算表达式
setInterval: 按照指定的周期来调用函数或表达式
常用事件:
onload:一个页面或一个图像完成加载
onmouseover:鼠标移到某元素之上
onclick:点击对象
onkeydown:某个按键按下
onchange:域的内容被改变
五、匿名调用函数
匿名函数:没有名字的函数。
例1:
onload() ①<body οnlοad="myf()">//直接放在body里 等body加载完毕后才执行 ②function test(){ alert("哈哈哈"); } window.οnlοad=test; ③window.οnlοad=function(){ alert("哈哈哈");匿名函数 }
六、时间对象
Date对象:时间对象、日期对象。
格式:
var 日期对象=new Date(参数)
//获得当前日期,参数格式:MM DD,YYYY,hh:mm:ss:ms
案例:
var today=new Date(); //返回当前日期和时间
var tdate=new Date("september 1,2015,12:23:33");
Date对象的方法:
setXxx:设置时间
getXxx:得到时间
Xxx包括:
FullYear: 当前年
Month: 0~11(一月至十二月)
Day: 0~6(星期几)
Date: 1~31
Hours: 0~23
Seconds和Minutes:0~59
案例:
var today=new Date(); //获取当前时间 var year=today.getFullYear(); //得到年 var month=today.getMonth(); //得到月 var day=today.getDay(); //得到星期几 var date=today.getDate(); //得到日 var hh=today.getHours(); //得到时 var mm=today.getMinutes(); //得到分 var ss=today.getSeconds(); //得到秒 //将字符串的值写入到html中某个ID中 var dd=year+"年"+month+"月"+date+"日"; var da=document.getElementById("da"); da.innerHTML=dd; //innerHTML获取对象的内容或向对象插入内容 让时间一直在显示:setInterval()方法 function mm(){ setInterval("函数名",1000); //每隔1秒自动执行 setTimeout("函数名",1000); //等待1秒后执行一次 }
七、数学函数Math
Math.abs(x) //返回数的绝对值
Math.ceil(x) //返回比x大的最小整数 Math.ceil(34.5)--35
Math.floor(x) //返回比x小的最大整数 Math.floor(34.5)--34
Math.random() //返回0~1之间的随机数
Math.round(x) //四舍五入取整
Math.sqrt(x) //返回数的平方根
八.纯js实现相关事件
案例计算器