`
廖世勇
  • 浏览: 100862 次
  • 性别: Icon_minigender_1
  • 来自: 湖南郴州
社区版块
存档分类
最新评论

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

分享到:
评论

相关推荐

    打造交互式体验:使用HTML和JavaScript创建弹出窗口

    本文将详细指导如何使用HTML和JavaScript创建一个基本的弹出窗口,并提供一些高级技巧来增强用户体验。 通过本文的介绍,你应该已经学会了如何使用HTML和JavaScript创建一个基本的弹出窗口,并掌握了一些高级特性和...

    Java弹出窗口代码

    Java 弹出窗口代码详解 本文将详细介绍 Java 弹出窗口的代码实现,包括基本的弹出窗口代码和经过设置后...通过本文,您将学习如何使用 Java 和 JavaScript 创建弹出窗口,并定制弹出窗口的外观、尺寸大小和弹出位置。

    扩展超链接控件以使用JavaScript创建弹出窗口

    标题“扩展超链接控件以使用JavaScript创建弹出窗口”所涉及的就是这个主题。我们将探讨如何利用HTML、CSS、JavaScript以及可能的服务器端技术如ASP.NET来实现这一功能。 首先,超链接是HTML中的基础元素,通常使用...

    制作Javascript弹出窗口技巧九则

    在网页开发中,使用JavaScript创建弹出窗口是一种常见的技术。本文将详细介绍如何使用JavaScript实现弹出窗口功能,并分享九个实用技巧。 #### 技巧一:基本弹出窗口 最简单的弹出窗口可以通过`window.open()`方法...

    js弹出窗口 + 获取上传文件全路径

    这涉及到两个主要的知识点:JavaScript创建弹出窗口以及获取文件的完整路径。 首先,让我们详细探讨JavaScript创建弹出窗口。在Web开发中,弹出窗口通常是通过`window.open()`函数实现的。这个函数接受两个参数,第...

    弹出窗口大全(js)

    ### 弹出窗口大全(js)知识点详解 #### 一、基本概念 ...总之,通过上述知识点的学习,我们可以了解到使用 JavaScript 创建弹出窗口的基本方法和技巧。这些技术的应用将极大地提升 Web 应用程序的交互性和实用性。

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    玩透javascript弹出窗口

    为了更灵活地控制弹出窗口,我们可以创建一个函数来执行`window.open`。下面是一个包含函数的例子: ```html &lt;script LANGUAGE="javascript"&gt; &lt;!-- function openwin() { window.open("page.html", "newwindow",...

    javascript 弹出窗口

    在给定的标题“javascript 弹出窗口”和描述“推荐一个非常好用的javascript弹出窗口控件”中,我们可以推测这是一个关于使用JavaScript实现弹出窗口的控件库。下面我们将深入探讨JavaScript弹出窗口的相关知识点。 ...

    JAVASCRIPT弹出窗口代码

    ### JavaScript弹出窗口代码详解 在网页开发过程中,有时我们需要创建一个新的浏览器窗口来显示特定的信息或功能,这就需要用到JavaScript中的`window.open()`方法。本文将详细介绍如何使用此方法以及其参数的意义...

    javascript点击弹出窗口

    在JavaScript中,创建弹出窗口主要通过`window.open()`函数来实现,但此方法通常用于打开新的浏览器窗口或标签页,而不是创建浮动的弹出层。在描述中提到的“点击灰色部分窗口自动消失”可能是指一种模态对话框...

    javascript div弹出窗口 可封装为JS类

    // 创建弹出窗口的HTML结构 } open() { // 显示弹出窗口 } close() { // 关闭弹出窗口 } setStyle(style) { // 设置弹出窗口的样式 } } ``` `LightBox.htm`可能是用来测试`CustomPopDiv.js`的一个...

    lhgdialog弹出窗口例子

    然后,你可以利用JavaScript创建弹出窗口,如`lhgdialog({content: '这是弹出内容', icon: 'warn'});`,其中`content`参数定义弹框显示的内容,`icon`参数设置图标样式。 接着,我们关注的重点是如何在框架中集成...

    ArcGIS之JavaScript创建一个弹出窗口

    ArcGIS之JavaScript创建一个弹出窗口

    javascript 实现弹出小窗口

    通过以上介绍,我们可以了解到使用 JavaScript 的 `window.open()` 方法创建弹出窗口的基本原理及实现方法。从最基本的弹出一个窗口到更高级的定制窗口属性,再到函数封装、事件绑定等技术,这些知识点覆盖了实现弹...

    javascript经典特效---无边弹出窗口全集.rar

    创建弹出窗口需要动态创建HTML结构,例如`&lt;div&gt;`作为窗口容器,`&lt;iframe&gt;`嵌入内容,以及关闭按钮等。使用`document.createElement()`、`appendChild()`和`innerHTML`等方法可以实现这些操作。 2. **CSS样式**:弹...

    jQuery popup javascript 弹出窗口

    在网页设计和开发中,使用JavaScript库如jQuery来创建弹出窗口可以使这一过程更加简便和高效。jQuery库提供了丰富的API和方法,使得DOM操作、事件处理以及动画效果的实现变得简单。 在jQuery popup javascript中,...

    javaScript Div弹出窗口

    使用lhgdialog时,首先需要引入它的JavaScript和CSS文件,然后可以通过调用其提供的API方法来创建和控制弹出窗口。例如,创建一个简单的对话框可以这样写: ```javascript var dialog = new lhgdialog({ content...

    点击按钮弹出窗口

    这一功能使得用户可以通过点击特定的界面元素(如a标签)来打开一个新的...在Web开发中,前端框架如Bootstrap、Vue.js或React.js也提供了更便捷的方法来创建弹出窗口,这些框架通常封装了弹出框组件,简化了开发过程。

    javascript点击弹出窗口.zip

    JavaScript点击弹出窗口技术是网页开发中的常见功能,主要用于实现用户交互,如确认操作、显示信息或进行对话框式操作。在HTML5的背景下,这一技术变得更加高效且易于实现。本压缩包包含了一系列相关的文件,如`...

Global site tag (gtag.js) - Google Analytics