zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    事务的隔离级别
    事务的隔离
    事务简介
    leetcode647
    leetcode394
    leetcode96
    leetcode814
    leetcode738
    leetcode621
    leetcode763
  • 原文地址:https://www.cnblogs.com/liaoshiyong/p/3150874.html
Copyright © 2011-2022 走看看