WEB开发网
开发学院网页设计JavaScript JavaScript窗口功能指南之创建弹出窗口 阅读

JavaScript窗口功能指南之创建弹出窗口

 2010-09-14 13:30:31 来源:WEB开发网   
核心提示:Internet Explorer 5.5支持一个新的window对象的方法:creatPopup(),你可以向下面一样创建一个弹出窗口: var popupObj = window.createPopup(); 当你创建了这个对象后,JavaScript窗口功能指南之创建弹出窗口,弹出窗口并不显示,你必须要调用它的s

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

var popupObj = window.createPopup();

当你创建了这个对象后,弹出窗口并不显示。你必须要调用它的show方法:

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

在这里:

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

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

width 是弹出窗口的宽度。

height 是弹出窗口的高度。

referenceObj 是一个可选参数,它替代屏幕左上角做为引用yOffset 和 xOffset 的参照。

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

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

  <table CLASS=menuID=submenu>
   <tr><td NOWRAP>
    How to name your windows and frames
   </td></tr>
   <tr><td NOWRAP>
    How to open a new window
   </td></tr>
   <tr><td NOWRAP>
    How to specify the features of a new window
   </td></tr>
    <tr><td NOWRAP>
    How to utilize the window features
   </td></tr>
   <tr><td NOWRAP>
    How to check if a window exists
   </td></tr>
   <tr><td NOWRAP>
    How to close a window
   </td></tr>
   <tr><td NOWRAP>
    How to manipulate a window
   </td></tr>
   <tr><td NOWRAP>
    How to write content to a window
   </td></tr>
   <tr><td NOWRAP>
    How to reference the opener
   </td></tr>
   <tr><td NOWRAP>
    How to create a dialog box
   </td></tr>
   <tr><td NOWRAP>
    How to create a pop-up window
   </td></tr>
   <tr><td></td></tr>
  </table>

1 2  下一页

Tags:JavaScript 窗口 功能

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接