JavaScript创建弹出窗口

Internet Explorer 5.5支持一个新的window对象的方法：creatPopup（）。你可以向下面一样创建一个弹出窗口：

　　var popupObj =window.createPopup();

 

　　当你创建了这个对象后，弹出窗口并不显示。你必须要调用它的show方法： //from www.w3sky.com

 

　　popupObj.show(yOffset,xOffset, width, height, referenceObj)

 

　　在这里：

 

　　yOffset 是弹出窗口距离屏幕左上角的水平偏移。

 

　　xOffset 是弹出窗口距离屏幕左上角的垂直偏移。

 

　　width 是弹出窗口的宽度。

 

　　height 是弹出窗口的高度。

 

　　referenceObj 是一个可选参数，它替代屏幕左上角做为引用yOffset 和 xOffset 的参照。 //from www.w3sky.com

 

　　让我们示范一下新的弹出窗口的用处。如果你点击下面的链接，一个所有这个教程的菜单就会弹出来。注意，当菜单弹出时，页面就滚动回到它的顶部。我们怎么样执行这个弹出窗口呢？首先，你需要定义一个可见菜单，它随后会被转载进弹出菜单。为了实现隐藏链接，可以将菜单放置到一个隐藏的位置。我们选择位置（－1000，－1000），并在菜单的style标记中定义它（在HEAD段的某个地方）：

 

　　<STYLE>

 

　　 .menu {position:absolute; top: -1000; left: -1000}

 

　　</STYLE>

 

　　我们执行菜单做为表格的链接：

 

　　<TABLECLASS=menuID=submenu>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="names.html" TARGET="CONTENT">How to name yourwindows and frames</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="open.html">How to open a new window</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="features.html">How to specify the features of a newwindow</A>

 

　　</TD></TR>

 

　　　　<TR><TDNOWRAP>

 

　　　　<AHREF="utilize.html">How to utilize the window features</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="exist.html">How to check if a window exists</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="reference.html">How to close a window</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="manipulate.html">How to manipulate a window</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="write.html">How to write content to a window</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="opener.html">How to reference the opener</A>

 

　　</TD></TR>

 

　　 <TR><TDNOWRAP>

 

　　　　<AHREF="dialog.html">How to create a dialog box</A>

 

 

 

本文来自: 中国自学编程网(www.zxbc.cn) 详细出处参考：http://www.zxbc.cn/html/20070808/25922.html