showModalDialog使用例子------转载于javaeye http://liyanhui.iteye.com/blog/253485

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量588 收藏
点赞数
文章标签： generator button input javascript html function

(一)showModalDialog使用例子,父窗口向子窗口传递值,子窗口设置父窗口的值,子窗口关闭的时候返回值到父窗口. 

farther.html 
--------------------------- 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
<!-- 
function openChild(){

var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px"); 
if(k != null) 
document.getElementById("txt11").value = k; 
} 
//--> 
</script> 
</HEAD>

<BODY> 
<br>传递到父窗口的值:<input id="txt9" type="text" value="3333333333333"><br> 
返回的值:<input id="txt11" type="text"><br> 
子窗口设置的值:<input id="txt10" type="text"><br>


<input type ="button" value="openChild" οnclick="openChild()"> 
</BODY> 
</HTML> 
--------------------------------------------------------------- 
child.html 
-------- 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache">

</HEAD>

<BODY> 
<br>父窗口传递来的值:<input id="txt0" type="text"><br> 
输入要设置父窗口的值:<input id="txt1" type="text"><input type ="button" value="设置父窗口的值" οnclick="setFather()"><br> 
输入返回的值:<input id="txt2" type="text"><input type ="button" value="关闭切返回值" οnclick="retrunValue()"> 
<input type ="button" value="关闭刷新父窗口" οnclick="">

</BODY> 
</HTML>

<script language=javascript> 
<!-- 
var k=window.dialogArguments; 
//获得父窗口传递来的值 
if(k!=null) 
 { 
 document.getElementById("txt0").value = k.document.getElementById("txt9").value; 
 } 
 //设置父窗口的值 
function setFather() 
{ 
 k.document.getElementById("txt10").value = document.getElementById("txt1").value 
} 
//设置返回到父窗口的值 
function retrunValue() 
{ 
var s = document.getElementById("txt2").value; 
window.returnValue=s; 
window.close(); 
} 
//--> 
</script> 

---------------------------- 
说明: 
由于showModalDialog缓存严重,下面是在子窗口取消客户端缓存的设置.也可以在服务器端取消缓存,参考: 
http://adandelion.cnblogs.com/articles/252137.html 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 
------------------------------------------------------------------------------------------------------------------------ 
(二)下面是关闭刷新父窗口的例子 

farther.html 
--------------------------- 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<script language="javascript"> 
<!-- 
function openChild() 
{

 var k = window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px"); 
 if(k == 1)//判断是否刷新 
 { 
  alert('刷新'); 
  window.location.reload(); 
 } 
} 
//--> 
</script> 
</HEAD>

<BODY> 
<br>传递到父窗口的值:<input id="txt9" type="text" value="3333333333333"><br> 
<input type ="button" value="openChild" οnclick="openChild()"> 
</BODY> 
</HTML> 
---------------------------------------------------- 
child.html 
-------- 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache">

</HEAD>

<BODY> 
<br>父窗口传递来的值:<input id="txt0" type="text"><br>

<input type ="button" value="关闭刷新父窗口" οnclick="winClose(1)"> 
<input type ="button" value="关闭不刷新父窗口" οnclick="winClose(0)">

</BODY> 
</HTML>

<script language=javascript> 
<!-- 
var k=window.dialogArguments; 
//获得父窗口传递来的值 
if(k!=null) 
 { 
 document.getElementById("txt0").value = k.document.getElementById("txt9").value; 
 }

//关闭窗口返回是否刷新的参数. 
function winClose(isRefrash) 
{

window.returnValue=isRefrash; 
window.close(); 
} 
//--> 
</script>

-------------------------- 
说明 
1.下面是取消客户端缓存的: 
<meta http-equiv="Expires" CONTENT="0"> 
<meta http-equiv="Cache-Control" CONTENT="no-cache"> 
<meta http-equiv="Pragma" CONTENT="no-cache"> 
也可以在服务器端取消缓存,参考: 
http://adandelion.cnblogs.com/articles/252137.html

2.向父窗口传递阐述在ASP.NET中也可以是用aaa.aspx?id=1的方式传递. 

3.不刷新父窗口的话在父窗口中直接这样一来设置可以. 
<script> 
window.showModalDialog("child.html",window,"dialogWidth:335px;status:no;dialogHeight:300px"); 
</script> 
4.在子窗口中若要提交页面的话要加入:,这样就不会打开新窗口了.
<head>
<base target="_self">
</HEAD>

本文参考了:http://dev.csdn.net/develop/article/15/15113.shtm ,里面有showModalDialog/showModelessDialog的详细使用说明

HNSD983704669
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
showModalDialog简单案例及使用
qq931399960的专栏
04-23 771
一、目录结构： 添加用户 function openWindow(url){ //设置模式窗口的一些状态值 var windowStatus = "dialogWidth:1000px;dialogHeight:700px;center:1;status:0;"; var data = { msg:"添加用戶", };
JavaScript 高性能编程 —— Data Access 数据访问
cccloveforever的博客
04-20 1515
经典计算机科学的一个问题是确定数据应当存放在什么地方，以实现最佳的读写效率。数据存储在哪里， 关系到代码运行期间数据被检索到的速度。在 JavaScript 中，此问题相对简单，因为数据存储只有少量方 式可供选择。正如其他语言那样，数据存储位置关系到访问速度。每一种数据存储位置都具有特定的读写操作负担。大多数情况下，对一个直接量和一个局部变量数据访 问的性能差异是微不足道的。访问数组项和对象成员的代价要高一些，具体高多少，很大程度上依赖于浏 览器。
JS中ShowModalDialog（模态窗口）详细使用
热门推荐
tuobayi的博客
12-23 7万+
基本介绍：           showModalDialog()         (IE 4+ 支持)           showModelessDialog()      (IE 5+ 支持)           window.showModalDialog()                  方法用来创建一个显示HTML内容的模态对话框。           window.sho
showModalDialog和showModelessDialog使用心得
轻灵自由的珍珠
05-12 2993
showModalDialog和showModelessDialog使用心得一、showModalDialog和showModelessDialog有什么不同？　　showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。　　showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(
window.showModalDialog()使用实例
asp.net常见问题分析，网站开发常见问题总结,ningxi_博客
01-08 3863
有没有window.showModalDialog()使用实例？经过自己的总结与测试，终于摸清了一个window.showModalDialog()使用实例，在这里写个简单的window.showModalDialog()使用实例让大家参考啦！
易语言-易语言超文本浏览框/网页拦截弹窗
06-29
源码实现了易语言超文本浏览框支持库拦截弹窗，真正的拦截网页弹窗源码（showModalDialog、alert、confirm、prompt）
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
主要介绍了浅谈JavaScript窗体Window.ShowModalDialog使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
e语言-易语言超文本浏览框/网页拦截弹窗
08-23
源码实现了易语言超文本浏览框支持库拦截弹窗，真正的拦截网页弹窗源码（showModalDialog、alert、confirm、prompt）
showModalDialog:window.showModalDialog polyfill 使用元素
07-24
ShowModalDialog 填充这是一个window.showModalDialog() shim，使用模态 HTML5 <dialog>元素和 ECMAScript 2015 Generators 或 ECMAScript 2017 Async/Await。 它在最新的 Google Chrome 和最新的 Mozilla Firefox ...
JavaScript中window.showModalDialog()用法详解
10-25
主要介绍了JavaScript中window.showModalDialog()用法详解,需要的朋友可以参考下
一个小时学习javaScript
weixin_43064364的博客
04-20 937
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 589
官网代码（在取消选中状态的时候不生效）
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 1002
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
vue 实现级联选择器功能
清音的博客
04-22 505
数组包含了级联选择器的数据源，其中每个对象表示一个选项，包括。组件来实现级联选择器功能,下面是一个示例代码，演示如何使用。组件初始化级联选择器，并设置默认值为单位。对象用于指定数据结构中的属性名，以便。上，可以在初始化时选中指定的值。使用 Element UI 的。中设置初始选中值为单位。组件正确地解析数据。
vue-manage-system 更新，后台管理系统开发更简单
林鑫
04-22 399
近期进行了一次版本升级，主要是支持了更多功能、升级依赖版本和优化样式，并且上线了网站，大部分功能都有文档或者使用示例，更加适合新手上手开发，只需要根据实际业务简单修改，就可以完成产品需求。
【可视化大屏开发】19. 加餐-百度地图API实现导航加线路热力图
pblh123的专栏
04-17 1058
Web端使用场景中会涉及到地图导航路线情况，并利用热力图显示路况信息。实现效果如下：输入起始地点，选择并开始导航最终效果。
vue3【详解】 vue3 比 vue2 快的原因
朝阳39的博客
04-19 940
vue3使用的 Proxy 在处理属性的读取和写入时，比vue2使用的defineProperty 有更好的性能（速度加倍的同时，内存还能减半！
使用vue3+ts+vite从零开始搭建bolg(二)
qq_75246137的博客
04-21 236
svg:用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。component中的index.ts,注册全局组件。package.json中的scripts配置项。vite.config.ts文档中配置。SvgIcon的index.vue文件。.env.development文件。.env.production文件。vite.config.ts配置。tsconfig.ts配置。.env.test文件。
window.showModalDialog兼容性优化
03-31
1. 使用window.open()替代window.showModalDialog()，因为window.showModalDialog()在一些浏览器中不被支持，而window.open()在大多数浏览器中都能正常使用。 2. 使用对话框库，如jQuery UI Dialog、Bootstrap ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值