[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+'');
}
- [JavaScript]制作弹出式窗口
- 用JavaScript制作弹出式窗口
- 用JavaScript 制作多彩的弹出式说明窗口
- javascript中的弹出式窗口
- JavaScript 实例--创建弹出式窗口
- 制作弹出式的窗口(像MSN)
- javascript实例教程(2) 创建弹出式窗口
- 弹出式说明窗口---JavaScript的使用
- Javascript实例教程(2) 创建弹出式窗口
- Javascript实例教程(1) 创建弹出式窗口
- 教你制作多彩的弹出式说明窗口
- web开发之制作页面弹出窗口(form提交弹出式)
- JavaScript实现网页弹出式窗口的几种方法
- 弹出式窗口详解
- 弹出式窗口代码产生器
- div弹出式窗口
- DIV弹出式登录窗口
- 制作弹出式菜单
- GridView隐藏列,删除提示简单代码
- 从浮点到定点
- 使用PagedDataSource类实现DataList和Repeater控件的分页显示[转]
- Windows Live系列产品介绍
- 小波图像融合的Matlab实现示例(添加图片演示080428)
- [JavaScript]制作弹出式窗口
- JavaScript实用的一些技巧
- 限制网页图片大小JS函数
- [JS]连续向上滚动文字代码
- JavaScript时间倒计时精确到毫秒
- mastercam数控编程/ug数控编程/powermill数控编程
- 2007-08-31今天很高兴,谢谢关心我的群里的朋友
- 老子又来了!
- .Net 巧用COALESCE 动态组成 SQL 查询条件