JS:window.showModalDialog和window.returnValue的应用

js|window

fireForm.htm:点击“上传”按钮弹出内部窗口(showModalDialog),代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function onObjMore(url,name,height,width,formName) {
 //window.alert(formName.file.type);
 var feature = "dialogWidth:"+width+"px;dialogHeight:"+height+"px;scroll:yes;status:no;help:no;center:1";
 var returnTarget = window.showModalDialog(url, name, feature);
 if(returnTarget != undefined && returnTarget.length > 1) {
  //document.location = returnTarget;
  formName.file.value=returnTarget;
 }
 return false;
}
</script>
<link href="css/aljoin.css" rel="stylesheet" type="text/css">
</head>

<body>
<form name="proForm" method="post" action="">
  <table width="400" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="93" height="25" style="white-space:nowrap " nowrap>文件</td>
      <td width="307" height="25"><input name="file" type="text" id="file"></td>
    </tr>
    <tr>
      <td height="25"> </td>
      <td height="25"><input type="button" name="Submit" value="上传文件" ></td>
    </tr>
  </table>
</form>
</body>
</html>

upfile.htm:点击”关闭”按钮返回window.returnValue值给opener,代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function exit() {
window.returnValue = "images/upload/2004080512.jpg";
window.close();
}
</script>
</head>

<body>
<input name="" type="button" value="关闭窗口" >
</body>
</html>

时间: 2024-10-30 19:56:15

JS:window.showModalDialog和window.returnValue的应用的相关文章

js的window.showModalDialog及window.open用法实例分析_javascript技巧

本文实例讲述了js的window.showModalDialog及window.open用法.分享给大家供大家参考.具体分析如下: 一.window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三.示例: <SCRIPT>

js中window.showModalDialog各浏览器居中和传参实例兼以及一些兼容性问题

  浏览器居中以及传参实例 window.showModelDialog可设置center参数为yes,保证其在子窗口在父窗口居中. 但是该参数只对IE浏览器有效,对火狐无效,只有通过计算模态窗口的居中位置.   解决办法 function openShowModalDialog(url,param,whparam,e){    // 传递至子窗口的参数  var paramObj = param || { };    // 模态窗口高度和宽度  var whparamObj = whparam

ShowModalDialog与window.open的区别

Java代码   function goToURL(url,args,self){       if(self=="0"){          //本页打开           window.location = url+args;       }if(self=="1"){     //新页打开           window.open(url+args);       }   }     <a href="#" onclick=&qu

window.showModalDialog在.net中封窗口传数据方法

以上这个情景完全虚构,或者上边这一段文字在系统设计当中有问题.此刻,我们可以忽略掉.本文重点不再系统设计是否合理.      直接上图:效果图大致如下:      现在是需求是这样的:当网编点击超链接"选择的时候",我们会有一个模态弹窗蹦出来让网编去选择某个数据.(当然这里可以用JS控制弹出DIV来实现,也不在本文讨论范畴!)      以上情况是,姓名直到体重5个内容 ,网编可以去输入(如果网编想偷懒,也可以点击选择按钮),也可以选择.当在弹出的模态窗体中任意一行数据上鼠标点击的时候

项目中用到的window.showModalDialog(来自网络)

window.showModalDialog相关: showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示HTML内容的非模态对话框. 使用方法: vReturnValue = window.showModalDialog(sURL [, vArguments]

Window.ShowModalDialog使用手册

window 基本介绍: showModalDialog()                              (IE 4+ 支持) showModelessDialog()                         (IE 5+ 支持) window.showModalDialog()                 方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()            方法用来创建一个显示HTML内容的非模

window.showModalDialog()返回值的学习

    本篇文章主要介绍了window.showModalDialog()返回值的学习心得.需要的朋友可以过来参考下,希望对大家有所帮助 下面先说说window.showModalDialog的基本用法   showModalDialog() (IE 4+ 支持) showModelessDialog() (IE 5+ 支持) window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框. window.showModelessDialog()方法用来创建一个显示

菜单-微信为什么不支持window.showModalDialog?

问题描述 微信为什么不支持window.showModalDialog? 微信公众号开发一个页面,点击按钮需要弹出子窗口,js使用window.showModalDialog方式,在浏览器上没问题,从微信公众号菜单进去后,点击按钮没反应,微信不支持window.showModalDialog这种方式,有没有解决方案? 解决方案 页面禁止了或者不支持API 解决方案二: 你想手机上弹出一个对话框页面是多么的不搭调. 你完全可以用弹出层或者基于这一原理的库代替. 解决方案三: 因为微信用的是一套自己

js中showModalDialog和returnValue的用法

有两个页面father.html和child.html  father.html <html>   <head>   <title>父窗体</title>   <script type="text/javascript">      $(function(){         $("#btn").click(function(){            var childValue =  window.sh