练习一下两个window对象的方法的使用
window.open(url , name , features , replace) :
url : 指定要访问的页面
name : 访问页面的名称
replace : 指定创建新的历史条目
features : 指定打开窗口显示控制属性,可选参数,值为打开页面的属性信息,如下
height : pixel,浏览器窗口高度
width : pixel,浏览器窗口宽度
left : pixel,窗口距屏幕左边的位置
top : pixel,窗口距屏幕顶部的位置
toolbar : 是否有标准工具栏,yes or no
lacation : 是否显示url ,yes or no
directories : 是否显示目标按钮,yes or no
status : 是否显示状态栏,yes or no
menubar : 是否显示菜单栏,yes or no
scrollbars : 当文档内容大于窗口时是否有滚动条,yes or no
resizable : 定义窗口是否可以改变大小,yes or no
outerHeight : pixel,窗口的外部高度
outerWidth : pixel,窗口的外部宽度
setInterval(code , delay) :
code : 周期性执行的代码
delay : 延时,毫秒为单位(基本JavaScript里面的与时间联系的都是以毫秒为单位),1秒=1000毫秒
- var i=0;
- var winWidth=window.screen.availWidth; /*获取屏幕的宽度*/
- var winHeight=window.screen.availHeight; /*获取屏幕的高度*/
- var winNew=window.open("001.html","001","left=0,top=0,height=10,width=10,scrollbars=yes");/*指定打开的窗口*/
- function flash()
- {
- if(i==0)
- {
- /*如果是j<winWidth,那么将永远执行不到里面的if语句,当j++>winWidth时就跳出循环了*/
- for(j=0;j<=winWidth;j++)
- {
- winNew.moveBy(1,0);
- if(j==winWidth)
- {
- i=1;
- break;
- }
- }
- }
- if(i==1)
- {
- for(k=0;k<=winHeight;k++)
- {
- winNew.moveBy(0,1);
- if(k==winHeight)
- {
- i=2;
- break;
- }
- }
- }
- if(i==2)
- {
- for(m=0;m<=winWidth;m++)
- {
- winNew.moveBy(-1,0);
- if(m==winWidth)
- {
- i=3;
- break;
- }
- }
- }
- if(i==3)
- {
- for(n=0;n<=winHeight;n++)
- {
- winNew.moveBy(0,-1);
- if(n==winHeight)
- {
- i=0;
- break;
- }
- }
- }
- /*setTimeout("flash()",10);此效果与下面的函数一样的*/
- setInterval("flash()",10);
- }
效果 :