`
zhanglinux2008
  • 浏览: 23447 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

打开新窗口的几个方法

阅读更多
1.超链接,省略。。呵呵

2. window.open()
  打开一个普通窗口, 可用参数控制组件的显示/隐藏, 在标签式浏览器如IE.7中组件控制 不起作用, 返回值就是打开的这个窗口对象. 详见上一篇博客。

3. window.showModalDialog()
  打开一个模态对话框, 必须先关闭它, 才能操作它的父窗口. 父窗口可以给子传递参数 ,子窗口也可以给父传递返回值。

4. window.showModelessDialog()
  打开一个非模态对话框, 它的存在依赖于打开它的父窗口, 如果父窗口关闭, 此窗口也被关闭.


********************************************************************
重点解释一下第三个:模态窗口
//在父窗口中有如下函数
function openNewWin(){
    var srcFile = "sub-page.html?parameter=process";  //要打开的子窗口的URL,后面可以带参数
     var winFeatures = "dialogHeight:330px;dialogWidth:320px;edge:sunken;scroll:no;status:no;help:no";  //窗口参数
     window.showModalDialog(srcFile, document, winFeatures);  //把document对象传递给子窗口,这样父窗口的所有元素都可以得到了,帅呆了!当然也可传递其他某一个元素对象,不要传递这么大的对象 :)
}

//在子窗口中有如下函数
function setFatherWin(){
    var bnkName = document.getElementById("bnkName").value;
    var fatherDoc = [b]window.dialogArguments[/b];  //  :) 得到父窗口的document对象,因为在父窗口中传递的是document对象,所有在这可以对父窗口为所欲为啦!
    fatherDoc.getElementById("bank_name").value = bnkName;  //改变父窗口元素的值
    window.close(); //关闭子窗口
}


使用方法:
  vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
  vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明:
  sURL--
  必选参数,类型:字符串。用来指定对话框要显示的文档的URL。
  vArguments--
  可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。一般传递document对象,这样整个父窗口的所有元素都可以在子窗口中得到(如以上函数openNewWin())。
  sFeatures--
  可选参数,类型:字符串。用来描述对话框的外观等信息,可以使用以下的一个或几个,用分号“;”隔开。
    1.dialogHeight: 对话框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默认的单位是em,而IE5中是px,为方便其见,在定义modal方式的对话框时,用px做单位。
  2.dialogWidth:  对话框宽度。
  3.dialogLeft:  离屏幕左的距离。
  4.dialogTop:  离屏幕上的距离。
  5.center: {yes | no | 1 | 0 }: 窗口是否居中,默认yes,但仍可以指定高度和宽度。
  6.help: {yes | no | 1 | 0 }: 是否显示帮助按钮,默认yes。
  7.resizable: {yes | no | 1 | 0 } [IE5+]: 是否可被改变大小。默认no。
  8.status: {yes | no | 1 | 0 } [IE5+]: 是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
  9.scroll:{ yes | no | 1 | 0 | on | off }: 指明对话框是否显示滚动条。默认为yes。
  下面几个属性是用在HTA中的,在一般的网页中一般不使用。
  10.dialogHide:{ yes | no | 1 | 0 | on | off }: 在打印或者打印预览时对话框是否隐藏。默认为no。
  11.edge:{ sunken | raised }: 指明对话框的边框样式。默认为raised。
  12.unadorned:{ yes | no | 1 | 0 | on | off }: 默认为no。
分享到:
评论

相关推荐

    打开新窗口的几种方法

    ### 打开新窗口的几种方法 在ASP.NET开发中,有时我们需要在用户触发某些操作时,例如点击按钮或链接时,在一个新的浏览器窗口或标签页中打开另一个网页。本文将详细介绍几种利用JavaScript脚本实现这一功能的方法...

    asp.net中打开新窗口的多种方法

    对话框控制的基本方法通常涉及以下几个属性: - **url**:对话框加载的网页地址。 - **name**:对话框的名称,可选。 - **scroll**:是否显示滚动条。 - **status**:是否显示状态栏。 - **help**:是否显示帮助...

    js中用open方式打开新窗口向父窗口传值

    在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`window.open()`方法的基本用法。`window....

    window.open打开新窗口,不被拦截的方法

    ### window.open打开新窗口,不被拦截的方法 在Web开发中,经常会有需求需要在一个新的浏览器窗口或标签页中打开链接或展示内容。这通常通过JavaScript的`window.open()`方法来实现。但是,在实际应用中,由于...

    ASP.NET打开新窗口的多种方法.txt

    本文将详细介绍几种在ASP.NET中打开新窗口的方法,并对比它们之间的区别与应用场景。 #### 方法一:使用`Response.Write`结合JavaScript ```csharp Response.Write("<script language=\"javascript\">window.open...

    window.open打开新窗口参数设置

    ### window.open 打开新窗口参数设置详解 在前端开发中,`window.open()` 方法是浏览器内置的一个功能,用于在JavaScript中打开新的浏览器窗口。本文将深入探讨如何使用 `window.open()` 方法及其参数设置,帮助...

    图片预览新窗口全屏图片展示功能

    实现这一功能,通常会涉及到以下几个关键技术点: 1. **HTML**:HTML是构建网页的基础,用于放置图片元素。通过`<img>`标签,我们可以添加图片,并通过`src`属性指定图片源URL。同时,可以设置`alt`属性,提供图片...

    如何用CSS实现在新窗口打开链接?.rar

    辛苦的完成了一个站点的开发即将交付使用了,用户提出了一个要求,希望导航或产品或其它某一类的链接需要新窗口打开,一个一个的修改文件可能有几十个,或上百个文件,修改的链接点就更多了。我们怎么办呢?可以用...

    打开链接,在新窗口还是同一窗口

    `target`属性有以下几个值: 1. `_self`:这是默认值,表示在当前框架或窗口中打开链接。大多数情况下的链接都是这样处理的。 2. `_blank`:指示浏览器在新窗口或新标签页中打开链接。这对于不想让当前页面被替换的...

    notepad ++打开双窗口的方法

    这会在同一个实例中创建一个新的窗口,你可以在这个新窗口中打开另一个文件。 4. **排列窗口** 一旦你有了两个窗口,可以通过拖动窗口边缘来调整它们的大小,或者点击窗口标题栏并按住鼠标左键拖动来改变它们的位置...

    打开多个窗口

    - 一种常见的优化策略是在内存中维护一个活跃窗口列表,只保留最近使用过的几个窗口的完整信息,而对于其他不活跃窗口则仅保存其基本状态信息。这种方法可以在保证用户体验的同时减少资源消耗。 5. **异常处理与...

    discuz论坛插件DZ插件 文章内容链接新窗口

    4. **用户体验优化**:除了基本的新窗口打开功能,插件可能还包含了一些用户体验方面的改进,如防止弹窗过多导致混乱,或者提供一键关闭所有新窗口的功能。 5. **安全考虑**:由于涉及到网页的跳转行为,插件开发者...

    打开新的窗口并传送参数

    综上所述,实现“打开新的窗口并传送参数”的功能主要涉及以下几个关键步骤:首先,在客户端使用JavaScript的`window.open()`方法打开新窗口,并通过URL传递参数;其次,在服务器端使用ASP.NET的`Request....

    response redirect 新窗口大开网页

    ### Response.Redirect 与新窗口打开网页的技术解析 在Web开发中,经常需要处理页面重定向以及在新窗口中打开链接的需求。本文将详细介绍如何利用ASP.NET中的`Response.Redirect`方法结合客户端脚本技术来实现这一...

    javascript打开静态子窗口

    这个方法接受四个参数:URL、窗口名称、窗口特性字符串以及是否替换浏览器的历史记录条目。 示例代码: ```javascript var newWindow = window.open('url_to_open.html', 'window_name', 'width=400,height=300'); ...

    在iframe框架中打开页面的方法

    5. 相同窗口、新窗口打开链接:除了在指定iframe中打开链接,target属性还支持几个特殊的值,如“_blank”可以打开链接在一个新的浏览器窗口或标签页中,而“_self”和“_parent”则分别在当前窗口或当前框架的父...

    同时打开多个excel窗口的方法

    为了克服这一限制,我们可以采取以下几种方法来实现在不同的窗口中同时打开多个Excel文档: 1. **修改快捷方式属性** - 打开“开始”菜单,找到Excel程序并右键点击它。 - 选择“发送到” -> “桌面(创建快捷...

    Javascript控制页面链接在新窗口打开具体方法

    然而,这种方法有一个缺点,就是它会影响页面上的所有链接,包括可能不想在新窗口打开的内部链接。因此,通常这种方法不建议在大型复杂网站中使用,因为它缺乏灵活性。 总的来说,JavaScript提供了多种方式来控制...

    javascript打开新窗口同时关闭旧窗口

    在讨论如何使用JavaScript打开新窗口同时关闭旧窗口之前,需要了解浏览器中窗口的行为和安全限制。通常情况下,出于安全考虑,现代浏览器限制了脚本能够执行的操作,防止恶意脚本随意关闭用户正在浏览的窗口。这种...

    JQuery实现的在新窗口打开链接的方法小结

    本文将详细介绍几种使用jQuery实现在新窗口中打开链接的方法,供开发者们参考。 首先,我们来看第一种方法。这种方法适用于特定类名(例如jb51)的`<a>`标签。当用户点击这类链接时,它们将在新窗口中打开。以下是...

Global site tag (gtag.js) - Google Analytics