javaScript中的模态窗口

原创 2007年09月14日 15:02:00

1.JavaScript的模态窗口在开发中经常用到.

父窗口中打开模态窗口:
var chkStr=showModalDialog("page.aspx","", "dialogWidth:400px; dialogLeft:5px; dialogHeight:200px;status:0; help:0;");
子窗口中返回:
window.returnValue= strReturnValue ;  window.close();
模态窗口返回类型主要是:null,undefined,还有你的ReturnValue值类型


2.showModalDialog和showModallessDialog的区别了:
同:两者弹出的窗体不能刷新 异:前者是模态窗口,始终获得焦点;后者是非模态窗口,只不过弹出一个页面,还可以操作父窗口.如:

<SCRIPT>
function fnRandom(iModifier){
return parseInt(Math.random()*iModifier);
}
function fnSetValues(){
var iHeight=oForm.oHeight.options[
oForm.oHeight.selectedIndex].text;
if(iHeight.indexOf("Random")>-1){
iHeight=fnRandom(document.body.clientHeight);
}
var sFeatures="dialogHeight: " + iHeight + "px;";
return sFeatures;
}
function fnOpen(){
var sFeatures=fnSetValues();
window.showModalDialog("1.htm", "",//showModalDialog_target
sFeatures)
}
</SCRIPT>
<FORM NAME=oForm>
Dialog Height <SELECT NAME="oHeight">
<OPTION>-- Random --
<OPTION>150
<OPTION>200
<OPTION>250
<OPTION>300
</SELECT>
Create Modal Dialog Box
<INPUT TYPE="button" VALUE="click To Create"
onclick="fnOpen()">
</FORM>
还有就是IE7.0中会显示模态窗口真实路径的问题.这个是IE7.0安全考虑,目前没有办法解决.可以用层来模拟模态窗口

 

JavaScript实现模态对话框

  今天哈尔滨今日图灵学校的朋友谈起js实现模态窗口,看俺是孤陋寡闻,遂演示了一番,原来不就是弹窗对话框之类的么!!javascript不是用window.open实现  么,刚发表一番言论 发现不对...
  • royal_coffee
  • royal_coffee
  • 2008年04月21日 08:28
  • 7318

JavaScript弹出模式窗口

解决思路:          一般来说,显示在最前面的窗口都是因为窗口被激活获得焦点,要使窗口永远显示在最前面,可以人为的设置窗口在blur时立刻focus,或者用模式、无模式对话框实现。    ...
  • lee576
  • lee576
  • 2008年04月04日 22:35
  • 9458

ASP.NET下实现真正的模态窗口

     在网上找了些关于ASP.NET使用模态窗口(showModalDialog)的例子,都不是很好用,通常的问题为,在弹出的模态窗口中如何点一下服务器端的Button(有回发事件执行)时,就会弹...
  • dacong
  • dacong
  • 2008年09月14日 12:20
  • 7250

JavaScript模态窗口

最近接手一个老项目,这才发现原来JavaScript一直自带提供一个模态窗口--->window.showModalDialog(url,obj,features),参数url表示要打开的窗口url,...
  • jarniyy
  • jarniyy
  • 2016年03月23日 15:51
  • 150

使用div仿javascript模态窗口

前几天在园看到有人说模态窗口在ie7里面显示出现地址栏,其实这本是一件好事,而且ie的模态窗口是ie的函数,ff、opera等都不支持,我评论的原话只是ie7增强的安全特性罢了,这个世界还真奇怪,有人...
  • yangm1203
  • yangm1203
  • 2007年07月16日 16:23
  • 751

JavaScript 模式对话框实现及参数传递的简单例子

用JavaScript 弹出模式对话框 ,其实很简单,只需要调用showModalDialog这个函数就可以实现下面是一段ASP.NET页面完整代码,它作为模式对话框的父窗口,其实现的功能是点击按钮后...
  • eaglet
  • eaglet
  • 2007年07月24日 11:04
  • 10030

js操作模态窗口及父子窗口间相互传值

parent.hmtl 父窗口 window.onload=function(){ var btn=document.getElementById("btn"); ...
  • wobendiankun
  • wobendiankun
  • 2014年05月27日 23:12
  • 1774

js中模态窗口与非模态窗口

转:http://hi.baidu.com/nirvanan/blog/item/24e09e51ab25dc6b843524ae.html下面是我做的一个实例。A.html用模态打开B.html的时...
  • yvan2008
  • yvan2008
  • 2009年07月24日 11:13
  • 599

模态窗口弹出新窗口解决办法

模态窗口的form里面点击按钮或者链接。默认会弹出新的窗口,不在本页刷新。 1、第一种指定跳转当前窗口 window.name = "curwindow";   target="cur...
  • fax5201314
  • fax5201314
  • 2012年12月26日 12:55
  • 1025

模态窗口 javascript 脚本

代码示例:调用示例        var _frameDialog = new FrameDialog("noname1.html", 480, 450);        _frameDialog.s...
  • EasyFRMS
  • EasyFRMS
  • 2009年05月18日 11:25
  • 425
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javaScript中的模态窗口
举报原因:
原因补充:

(最多只允许输入30个字)