窗口/框架与导航条设计

1.1弹出窗口控制

001打开新窗口显示广告信息

WindowVar=window.open(url,windowname[,localtion]);

举一反三：开发大型门户网站，商务网站，信息资讯网站弹出公告或广告窗口

002定是打开窗口

function pp(){

window.open(“new.html”,”new”,”弹出窗口位置”);

}

setTimeout(“pp()”,5000);     //1000ms等于1s，可以用clearTimeout()函数清除

注意：setTimeout()方法在超时时间后只能调用一次函数，而setInterval()方法是按一定时间重复调用的指定函数

举一反三：开发新闻系统中的即时新闻，热点新闻，电子商务系统中的商品展示，在线论坛中的主题信息浏览

003通过按钮创建窗口

oncllick事件

004自动关闭的广告窗口

在弹出的窗口通过window对象的setTimeout()方法

005弹出窗口居中显示

function manage(){

var hdc=window.open(‘xxx.html’,’width=322px,height=206px’);

width=screen.width;

height=screen.width;

hdc.moveTo((width-322)/2,(height-206)/2);

}

006弹出窗口之cookie控制

 

欢迎来到javascript

new.html

啦啦啦啦啦了

举一反三

1. 开发游戏网站中的系统公告

2. 新闻资讯类网站中的最新公告

3. 大型门户类网站的弹出广告

007.为弹出的窗口添加关闭按钮

window对象的clsoe()方法实现

欢迎来到new.html","","width=400","height=220")">javascript

new.html

关闭" onClick="window.close()">

008关闭弹出窗口时刷新父窗口

语法：

window.opener.语法/属性

实验过程：

欢迎来到new.html','','width=400,height=220')">javascript

new.html

关闭" onClick="Mycheck()">

 

举一反三

1. 办公自动化系统中，打开新的页面添加员工信息后，关闭该页面是、时需要刷新父窗口

2. 添加，修改，删除信息时

009关闭IE主窗口时，不弹出询问对话框

关闭系统

1.2弹出网页对话框

010弹出网页模式对话框

window对象的showModalDialog()方法，语法格式：

variant=object. showModalDialog(sURL[,vArauments[,sFeatures]])

sURL:制定URL文件地址

vArauments：用于向网页传递参数，传递参数的类型不限制，对于字符串类型

sFeatures：可选项，窗口对话框的设置参数具体有表

实现过程：

登记