javascript弹出窗口应用
制作弹出式窗口
在网页代码的〈body〉标签后面插入类似代码即可:
〈script language=″javascript″〉
window.open(′url′,′窗口名′,′属性列表′);
〈/script〉
其中“url”是在窗口中显示的html文档的地址;
“窗口名”可任意起一个,但不要用中文;
“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。
常用属性有:
toolbar(是否显示工具栏 )、location(是否显示地址栏)、directories(是否显示常用链接)、status(是否显示状态栏)、menubar(是否显示选单条)、scrollbars(是否使用滚动条)、resizable(是否可改变大小),这些属性值等于1时表示是,等于0或不将此属性加入列表时表示否。此外,还有width(窗口宽)、height(窗口高)、top(与屏幕上边的距离)、left(与屏幕左边的距离)等属性用于对弹出窗口大小和位置的控制。
例子:要制作一个只有地址栏、无滚动条、可改变大小、高100像素、宽300像素、初始位置为距屏幕上边与左边都为100像素的弹出窗口,并在其中显示当前目录下hello.htm的内容,则要将上面的代码中间的一段改为:
“window.open(′hello.htm′,′window1′,′location=1,scrollbars=0,resizable=1,height=100,width=300,top=100,left=100′);”。
制作“关闭窗口”、“前进”、“后退”链接
在frontpage中,选择要链接的文字或图像,按ctrl-k 打开“create hyperlink(创建超级链接)”对话框,在“url”中输入“javascript:window.close()”可制作关闭当前浏览器窗口链接;输入“javascript:history.forward()”可制作“前进”链接,功能相当于浏览器上的“前进”按钮;输入“javascript:history.back()”可制作“后退”链接,功能相当于浏览器上的“后退”按钮。这些链接对于没有选单、没有按钮的弹出式窗口会非常有用。