Javascript教程:PopUp对象

2016-02-20 00:43 21 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - Web开发 】

公司要求我在一个办公系统上加上提示功能, 我研究了很久,尝试了很多种方法.使用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.语法

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

创建popup对象;

var popupobj=window.createPopup()

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

popupobj.property | method ([parameters])

2.属性

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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是窗口的宽和高.

来源:http://www.tulaoshi.com/n/20160220/1632429.html

延伸阅读
标签: Web开发
----什么是类和对象     这是所有面向对象编程之前必须弄明白的.     所谓类:简单地说就是模板,说的专业一些,是一类具有某种性质的物的集合.比如:人就是一个类,车也是一个类,等等.     所谓对象:就是类的具体实现.如上面所说,人是一个类,一个具体的人就是一个对象,比如张三.   &nb...
标签: Web开发
在JavaScript中对于对象属性与方法的引用,有两种情况:其一是说该对象是静态对象,即在引用该对象的属性或方法时不需要为它创建实例;而另一种对象则在引用它的对象或方法是必须为它创建一个实例,即该对象是动态对象。对JavaScript内部对象的引用,以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解JavaScript内...
标签: Web开发
location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用location就行了;若要表示某一个窗口的地址,就使用窗口对象.location。先前写了一片用window.location.href实现刷新另个框架页面 ,特此我看了一下locaiton的详细用法,对此有点改进,具体如下:   注意:属于不同协议或不同主机的两...
标签: Web开发
1)使用构造函数创建对象的实例 在JAVASCRIPT中构造函数和其它面向对象的语言一样,不可以直接调用,在用 new 关键字创建一个对象时自动的调用. 以下是JAVASCRIPT中使用构造函数的新示例。 var myObject = new Object(); // 创建没有属性的通用对象。var myBirthday = new Date(1961, 5, 10); // 创建一个 Date 对象。var myCa...
标签: Web开发
原文:. 很不错的文章,推荐一读。我的一点读后感: arguments是JavaScript里的一个内置对象,和NodeList类似,拥有length属性,但没有push和pop等数组方法。 Dean Edwards的format函数很触发灵感: function format(string) {var args = arguments;var pattern = new RegExp('%([1-' + args.length + '])', 'g');return String(string)....

经验教程

125

收藏

99
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部