open()方法
功能:打开一个新的浏览器窗口。
语法:var winObj = window.open([url][,name][,options]);
说明:参数可有可无。如果没有指定参数,则打开一个选项卡式的窗口(大小是最大大化)。
参数:
url:准备在新窗口中显示哪个文件。url可以为空字符串,表示显示一个空的页面。
name:新窗口的名字,该名字给标记的target属性来用
options:窗口的规格。
width:新窗口的宽度
height:新窗口的高度
left:新窗口距离屏幕左边的距离
top:新窗口距离屏幕上边的距离
menubar:是否显示菜单栏,取值:yes、no
toolbar:是否显示工具栏。
location:是否显示地址栏。
status:是否显示状态栏。
scrollbars:是否显示滚动条,不能省略s字母。
4.返回值:返回一个window对象的变量,可以通过该名称跟踪该窗口。winObj具备window对象的所有属性和方法。
注:
onload事件:当网页加载完成,指标记的所有内容全部加载完成,才触发该事件(条件)。通过onload事件属性,去调用JS的函数。onload属性只有body标记才有。
onclick事件:当单击时,去调用JS代码。所有HTML标记都具有该事件属性。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ window.open("","php.cn") } </script> </head> <body onload="init()"> </body> </html>
延时器方法——setTimeout()
setTimeout()
功能:设置一个延时器,换句话说:时间一到,就执行JS代码一次。
语法:var timer = window.setTimeout(code,millisec)
参数:
code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。
举例:window.setTimeout(“close()” , 2000)
举例:window.setTimeout(init, 2000); //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。
millisec:毫秒值。1秒=1000毫秒
返回值:返回一个延时器的id变量,这个id变量给clearTimeout()用来清除。
clearTimeout()
功能:清除延时器id变量
语法:window.clearTimeout(timer)
参数:timer就是由setTimeout()设置的延时器的id变量。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> <script type="text/javascript"> function init(){ //打开一个新窗口 var win=window.open(); win.document.write("欢迎来到php.cn") ; //新窗口2秒后关闭 win.setTimeout("window.close()",2000); } </script> </head> <body onload="init()"> </body> </html>
定时器方法
setInterval()
功能:设置一个定时器。定时器,重复不断的执行JS代码(周期性)。
语法: var timer = window.setInterval(code , millisec)
参数:
code:是任何合法的JS代码,一般情况下是JS函数。该函数要放在引号中。
举例:window.setInterval(“init()” , 2000)
举例:window.setInterval(init, 2000); //传函数地址,因此不需要加括号。如果加括号,是将函数的执行结果传到方法中。
millisec:毫秒值。1秒=1000毫秒
返回值:返回一个定时器的id变量,这个id变量给clearInterval()用来清除。
clearInterval()
功能:清除定时器id变量
语法:window.clearInterval(timer)
参数:timer就是由setInterval()设置的定时器的id变量。