模态窗口window.showModalDialog
http://www.blogjava.net/DreamAngel/archive/2009/06/22/283646.html
//取得父窗口的JS变量 varName
window.dialogArguments.varName;
//获得父窗口的对象和属性
window.dialogArguments.changeClsroom.action; //得到父窗口中form的action值
window.dialogArguments.changeClsroom.submit(); //模态对话框中实现对父窗口form的提交
window.dialogArguments.document.getElementById("父窗口某对象元素Id");
//调用父窗口的js方法 fun()
window.dialogArguments.fun() ;
全屏显示小技巧:
// 1
var sheight = screen.height-70;
var swidth = screen.width-10;
var sFeatures="dialogHeight:"+sheight+"px;dialogWidth:"+ swidth +"px;status:off;scroll:auto;resizable:yes;center:yes";
// 2
var sFeatures="dialogHeight:100;dialogWidth:100;status:off;scroll:auto;resizable:yes;center:yes";
想要根据被弹出页面里的内容量来改变dialog对话框的大小(直至其全屏),可是通过在被弹页面中通过window.dialogHeight和window.dialogWidth指定。如:
<script>
window.attchEvent("onload", resizeDialog(maxRow, maxColumn));//maxRow, maxColumn是被弹出页面中才可以得到的参数
function resizeDialog(maxRow, maxColumn) {
window.dialogHeight =200 + maxRow * 50 + "px";
window.dialogWidth =200+ maxColumn * 70 + "px";
//alert("resize");
}
</script>
分享到:
相关推荐
在`html-opdialog`这个文件名中,我们可以推测这是一个关于如何使用`showModalDialog`与HTML配合创建操作对话框的示例或教程。可能包含了HTML结构、CSS样式以及JavaScript代码,用于展示如何实现一个简单的模态...
在JavaScript的世界里,`showModalDialog`是一个古老但仍然有用的函数,用于打开一个模态对话框,展示用户需要交互的信息。这个功能在处理用户输入、确认操作或展示详细信息时非常实用。本篇文章将深入探讨`...
在IT行业中,`showModalDialog`是一个非常特殊的浏览器API,主要用于弹出模态对话框,它在网页应用中起到了展示信息、获取用户输入或者执行特定任务的作用。这篇名为"showModalDialog技术文章"的博客文章可能详细...
然而,对于某些特定的功能,比如 Internet Explorer 中的 `showModalDialog` 方法,Selenium 存在一定的局限性。`showModalDialog` 是一个古老的浏览器API,用于创建模态对话框,它会阻塞页面的JavaScript执行,直到...
在JavaScript中,`window.showModalDialog`是一个古老但仍然有用的函数,用于打开一个模态对话框,用户在对话框中进行交互,直到关闭对话框为止。然而,当涉及到跨域时,`showModalDialog`面临一个问题:它无法正确...
在JavaScript中,`showModalDialog`是一个古老的浏览器API,用于打开一个模态对话窗口,它在用户与对话框交互之前阻止了对父窗口的访问。这个API在现代Web开发中已经逐渐被淘汰,但由于某些老旧系统的存在,理解其...
This is a `window.showModalDialog()` shim using a modal HTML5 `<dialog>` element and ECMAScript 6 Generators. It was tested in the latest Google Chrome with the *Enable Experimental JavaScript* flag ...
然而,当尝试使用`showModalDialog`在不同源之间打开页面时,同样会遭遇跨域限制。标题"showModalDialog跨域解决例子"表明我们将探讨如何克服这个限制。 首先,理解跨域的原理至关重要。同源策略是浏览器为了安全而...
div层实现showModalDialog
### showModalDialog和showModelessDialog使用心得:深入解析与实践 在Web开发中,`showModalDialog` 和 `showModelessDialog` 是两种用于创建弹出窗口的方法,它们各自具有独特的特性和应用场景。本文将详细解析这...
### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...
在JavaScript编程语言中,`Window.showModalDialog()`方法是一个非常重要的功能,主要用于打开一个模态对话框,即用户必须关闭对话框才能与父窗口进行交互。这个方法在创建用户交互和自定义弹出窗口场景中非常有用。...
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
在JavaScript的世界里,`showModalDialog`是一个古老但仍然有用的函数,主要用于在浏览器窗口中打开一个模态对话框。这个函数允许开发者创建自定义的、交互式的用户界面,且在对话框显示期间,用户不能与页面的其他...
在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...
### ShowModalDialog与window.open的区别 #### 一、概述 在Web开发中,有时需要创建新的浏览器窗口或对话框来实现特定功能,如显示警告、输入数据等交互操作。JavaScript 提供了两种常用的方法来创建这类窗口:`...
showModalDialog参数详解 基本介绍: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()...
在JavaScript中,`showModalDialog`和`window.open`是两个用于打开新窗口或对话框的方法,它们在网页交互和用户界面设计中扮演着重要角色。这篇文章将详细讲解这两个方法的功能、用法以及它们的区别。 首先,我们来...
### window.showModalDialog 的基本用法 `window.showModalDialog` 是一个早期的浏览器功能,主要在 Internet Explorer(IE)4.0 及以上版本中支持。它用于打开一个新的模态对话框窗口,并且该窗口将阻止用户与主...