今天遇到一个好玩的东西,废话不说,直接看代码:
在test1中调用第二个页面test2:
result = window.showModalDialog(url
,"","dialogTop:0px;dialogLeft:0px;dialogWidth:100px;dialogHeight:100px;status:no;resizable:yes");
test2中,完事儿返回数据(如果在此页中有<form action="" method="post"></form>行为,它会自动打开一个新页面,需要在<head></head>之间加入<base target="_self">,将本页中跳转都需要写成target="",即可。):
window.returnValue ="1,2,3
";
test1中,回显返回的数据:
if(typeof(result )!='undefined'){
var list = tmp.split(",");
document.form1.KJNAME
.value=list[0]; //在页面控件中显示该数据.
...
}
showModalDialog("",window,"");可以利用这个window对象调用 写父页面的方法。在子页中,利用var winOpener = window.dialogArguments;得到这个对象。eg: winOpener.showNum("aaaa");//用来调用你页面的东西。
分享到:
相关推荐
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的问题_2
在自动化测试中,可以直接在测试代码中创建所需的数据常量,跳过 `showModalDialog` 方法,直接为相关字段赋值,从而避免调用这个方法。 2. 对于第二类应用,如工作流分配这样的复杂操作,`showModalDialog` 调用...
解决三层或心上showModalDialog的问题_js
然而,当涉及到跨域时,`showModalDialog`面临一个问题:它无法正确地返回值。这是因为浏览器的安全策略阻止了跨域通信,特别是涉及返回值的情况。为了解决这个问题,我们可以利用`iframe`嵌套页面的技术来实现跨域...
在JavaScript的世界里,`showModalDialog`是一个古老但仍然有用的函数,用于打开一个模态对话框,展示用户需要交互的信息。这个功能在处理用户输入、确认操作或展示详细信息时非常实用。本篇文章将深入探讨`...
5. **兼容性问题**:由于`showModalDialog`在现代浏览器中的支持度已经下降,文章可能会提到与IE、Firefox、Chrome等浏览器的兼容性问题,以及替代方案。 6. **优点和缺点**:分析`showModalDialog`相比于其他弹窗...
1. 兼容性问题:`showModalDialog`在现代浏览器中的支持情况不一,尤其是IE之外的浏览器,可能需要额外的处理来确保跨浏览器兼容。 2. 用户体验:由于其非标准性质,一些浏览器可能会有默认的样式和行为差异,导致...
要解决`showModalDialog`的跨域问题,我们可以采取以下几种方法: 1. **CORS(Cross-Origin Resource Sharing)**:这是一种现代浏览器支持的机制,允许服务器通过设置特定的HTTP头(如`Access-Control-Allow-...
由于`showModalDialog`不支持最新的Web标准,存在许多问题,如不兼容性(主要在IE浏览器中使用)、无法进行CSS3和JavaScript增强以及阻塞主线程等。因此,现代Web开发通常使用更灵活的替代方案,如`<dialog>`元素、...
### showModalDialog及dialogArguments使用详解 在Web开发中,`showModalDialog` 和 `showModelessDialog` 是Internet Explorer浏览器特有的方法,用于打开模态或非模态对话框。这两个函数允许开发者创建自定义的弹...
1. **刷新问题**:使用`showModalDialog`时,如果页面中有`<base target="_self">`,直接刷新可能会导致意外的行为。可以通过监听键盘事件,阻止F5键的默认刷新行为,确保页面状态的一致性。 2. **返回数据**:从...
### showModalDialog 弹出窗口关闭不刷新父窗口的实现方法 #### 一、背景介绍 在Web开发过程中,经常会遇到需要使用弹出窗口显示额外信息或进行特定操作的情况。`showModalDialog` 是一个非常实用的功能,允许创建...
div层实现showModalDialog
让我们深入探讨一下`Window.showModalDialog()`的详细用法和相关知识点。 首先,`showModalDialog()`方法的基本语法如下: ```javascript window.showModalDialog(url, [dialogArguments], [features]); ``` 1. *...
在JavaScript的世界里,`showModalDialog`是一个古老但仍然有用的函数,主要用于在...对于需要深入了解和使用`showModalDialog`的开发者来说,深入学习和实践相关知识,结合实际项目需求,将有助于做出合适的技术选择。
`window.showModalDialog` 和 `window.open` 都是JavaScript提供的两种打开新窗口的方法,但它们在功能和使用场景上有着显著的区别。 首先,我们来详细探讨`window.showModalDialog`。`showModalDialog`方法用于...
然而,由于浏览器的兼容性和安全性问题,`showModalDialog`在现代Web开发中逐渐被弃用,取而代之的是更灵活的`modal`组件或者`window.open`方法。 在标题提到的问题中,当使用`showModalDialog`并结合`iframe`来...
在IT行业中,尤其是在Web开发领域,`showModalDialog`是一个重要的JavaScript函数,它用于打开一个模态对话框,即在用户与新窗口交互时,主窗口会被暂时禁用。这个功能在需要用户输入额外信息或者确认操作时非常有用...
本文将详细介绍`window.showModalDialog`的使用方法及其相关知识点。 1. **基本语法** `window.showModalDialog` 的基本调用形式如下: ```javascript var returnValue = window.showModalDialog(url, window, ...