JavaScript函数和window对象
一、什么是函数
函数的含义:类似于Java中的方法,是完成特定任务的代码语句块 使用更简单:不用定义属于某个类,直接使用
二、常用系统函数
parseInt ("字符串") 将字符串转换为整型数字
如: parseInt ("86")将字符串“86”转换为整型值86 parseFloat("字符串")
将字符串转换为浮点型数字 如: parseFloat("34.45")将字符串“34.45”转换为浮点值34.45 isNaN()
用于检查其参数是否是非数字
三、自定义函数 创建函数:
1.无参函数
function 函数名() {
JavaScript代码;
}
2.有参函数
function 函数名(参数1,参数2,… ) {
JavaScript代码;
}
3.调用函数 函数调用一般和表单元素的事件一起使用,调用格式:
事件名=“函数名( )" ;
四.Window对象的常用属性
1.screen(有关客户端的屏幕和显示性能的信息)
2.history (有关客户访问过的URL的信息,浏览历史记录)
3.location(有关当前 URL 的信息,跳转加载的页面)
五.Window对象的常用方法
1.prompt(显示可提示用户输入的对话框)
2.alert(显示带有一个提示信息和一个确定按钮的警示框 )
3.confirm(显示一个带有提示信息、确定和取消按钮的对话框 )
4.close(关闭浏览器窗口)
5.open(打开一个新的浏览器窗口,加载给定 URL 所指定的文档)
6.setTimeout(在指定的毫秒数后调用函数或计算表达式)
7.setInterval(按照指定的周期(以毫秒计)来调用函数或表达式)
六、open()方法
1.height、width(窗口文档显示区的高度、宽度。以像素计)
2.left、top(窗口的x坐标、y坐标。以像素计)
3.toolbar=yes | no |1 | 0 (是否显示浏览器的工具栏。黙认是yes。)
4.scrollbars=yes | no |1 | 0 (是否显示滚动条。黙认是yes。)
5.location=yes | no |1 | 0 (是否显示地址地段。黙认是yes。)
6.status=yes | no |1 | 0 (是否添加状态栏。黙认是yes。)
7.menubar=yes | no |1 | 0 (是否显示菜单栏。黙认是yes。)
8.resizable=yes | no |1 | 0 (窗口是否可调节尺寸。黙认是yes。)
9.titlebar=yes | no |1 | 0 (是否显示标题栏。黙认是yes。)
10.fullscreen=yes | no |1 | (是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式。)
七、Window对象的常用事件
1.onload(一个页面或一幅图像完成加载)
2.onmouseover(鼠标移到某元素之上)
3.onlick(当用户单击某个对象时调用的事件句柄)
4.onkeydowm(某个键盘按键被 按下)
5.onchange(域的内容被改变)
八、匿名调用函数
Function 函数名() {
javaScript代码
}
调用函数:onclick=“函数名() "
网上常见匿名写法
方式一:事件名=function(){…}
方式二: (function (){
JavaScript代码;
}())
直接运行函数 window.onload=function(){…}
<body onload= "事件名() " >
九、Date对象(获取时间)
var 日期对象=new Date(参数)
参数格式:MM DD,YYYY,hh:mm:ss
Date 对象的方法
Seconds 和 Minutes(0 至 59 )
Hours(0 至 23 ) Day(0 至 6(星期几) )
Date(1 至 31(月份中的天数) )
Months(0至 11(一月至十二月) )
<script language="javascript" type="text/javascript">
function disptime() {
var today = new Date(); //获得当前时间
var hh = today.getHours(); //获得小时、分钟、秒
var mm = today.getMinutes();
var ss = today.getSeconds();
document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;
}
</script>
十、定时函数
setTimeout()用法 setTimeout(“调用的函数”, “指定的时间后")
setInterval()方法 setInterval("调用的函数", "指定的时间间隔")
var myTime=setTimeout("disptime( ) ", 1000 );
var myTime=setInterval("disptime( ) ", 1000 );
setTimeout()只执行disptime()一次, 如果要多次调用使用setInterval()者者让disptime()自身再次调用setTimeout()