[JavaScript]制作弹出式窗口

来源:互联网 发布:ih电磁加热 知乎 编辑:程序博客网 时间:2024/05/20 01:34

制作弹出式窗口

  有许多网页在打开的时候,会弹出一个较小的窗口,显示广告或一些最新信息。
这种弹出式窗口制作很简单,只要在网页代码的〈body〉标签后面插入类似代码即可:

  〈script language=″javascript″〉

  window.open(′url′,′窗口名′,′属性列表′);

  〈/script〉

  其中“url”是在窗口中显示的html文档的地址;“窗口名”可任意起一个,
但不要用中文;“属性列表”是一个用逗号分开的各个属性值的字符串,它确定了弹出窗口的外观与状态。常用属性有:
fullscreen=yes是否最大化
  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′)
window.open('hello.htm','window1','location=1,scrollbars=0,resizable=1,height=200,width=360,top=100,left=100,fullscreen=yes')


********************************让窗口居中弹出****************************

var   iWidth=290; //模态窗口宽度
    var   iHeight=150;//模态窗口高度
var   iTop=(window.screen.height-iHeight)/2;
    var   iLeft=(window.screen.width-iWidth)/2;
window.open('yongpin.asp?lb='+yp+'&id='+id,'window1','location=0,scrollbars=0,resizable=0,height=150,width=290,top='+iTop+',left='+iLeft+'');
}