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

  • 相关阅读:
    1.RabbitMQ简介
    有这样一个需求 element +vue 实现显示的table 的表头添加一个添加图标, 并绑定一个点击事件,我查了好多资料, 终于找到table 表头的一个事件 :render-header 可以实现。
    原生的html js 做的文件上上传
    elment + vue 文件上传
    FastJson对于JSON格式字符串、JSON对象及JavaBean之间的相互转换
    mysql 数据库迁移 sql server (沃尔玛)
    quartz 浅谈 Scheduler
    quartz CronTrigger的cron表达式 详解:
    Linux中的一些常用命令
    类图中常用的六种关系
  • 原文地址:https://www.cnblogs.com/liaoshiyong/p/3150874.html
Copyright © 2011-2022 走看看