当前位置: 首页 > 图文教程 > 网络编程 > Javascript > Javascript教程:PopUp对象

Javascript
实现表格中行点击时的渐扩效果!
多图展示滑动过渡效果
弹出自适应图片大小的窗口弹出窗口根据图片大小,自动判断高和宽。
拖动Html元素集合 Drag and Drop any item
脚本吧 - 幻宇工作室用到js,超强推荐base.js
使用透明叠加法美化文件上传界面
JavaScript高级程序设计
对象的类型:本地对象(1)
如何实现表格中行点击时的渐扩效果!
使用button标签,实现三态图片按钮
根据分辩率调用不同的CSS.
Web版彷 Visual Studio 2003 颜色选择器
JS中简单的实现像C#中using功能(有源码下载)
js之WEB开发调试利器:Firebug 下载
jQuery中文入门指南,翻译加实例,jQuery的起点教程
jQuery 1.0.4 - New Wave Javascript(js源文件)
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
换肤测试程序js脚本
xWin之JS版(2-26更新)
共享自己写一个框架DreamScript

Javascript教程:PopUp对象


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 362 ::
收藏到网摘: n/a

公司要求我在一个办公系统上加上提示功能, 我研究了很久,尝试了很多种方法.使用window.open来定时提示, 可是不过多久,客户就不耐烦得说,弹出窗口太繁了.于是我想到了用CreatePopup()的方法,不过问题来了,既然是一个办公系统,要考虑到兼容性问题,不考虑到网景浏览器,我们得考虑 IE 5.0 和 IE 5.5的问题.IE 5.0不支持CreatePopup的方法,还是只能用Window.open来模拟. 于是我写了两个提示框的实现方法分别使用浏览器版本的判断而使用相应的方法. 提示框效果和MSN的提示效果一样,不过在IE 5.0是用window.open来代替CreatePopup().

window.open的MSN提示框效果要在IE 5.0以下的版本才能看到.

好了废话了那么多,我们来研究一下Popup对象

popup对象是一个无边框的窗口,它置顶于任何窗口,它必须要用脚本来控制,通过javascript我们可以控制他出现的位置,也可以往里面写内容.注意:如果固定了大小后,内容超出显示范围,不会出现滚动条,如果用户在外面点击,它就自动消失了.它使用parent 属性来访问打开它的的窗口.

1.语法

创建popup对象;

var popupobj=window.createPopup()

从创建弹出窗口的文档中访问popup对象的属性和方法:

popupobj.property | method ([parameters])

2.属性

document
popupobject.document

这个属性是创建脚本到Popup对象的唯一入口.例如

popobj.document.body.style.border=”solid 1px #000000″ 我们就可以给弹出窗口设置了一般边框.

isOpen
popupobject.isOpen
返回值:Boolean

如果弹出窗口可见,isOpen就返回True ,否则就是False.

3.方法

hide()
popupobject.hide()

提示,如果你想在弹出的窗口加上一个关闭本身的按钮,可以这么做: 假设 弹出窗口的名字是 popobj,那么就要用 parent.popobj.hide() 来关闭自己

show(left,top,width,height[,positioningElementRef])

默认left,top为0,是显示器显示的区域坐标, width,height是窗口的宽和高.