此函数创建一个显示html内容的静态窗口,下面就介绍一下它的相关用法。

语法结构:
   [ bootstrap ] 运行代码    下载代码
<script>
ReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
</script>
参数列表:

1.sURL:必选参数,用来指定对话框要显示的文档的URL。

2.vArguments:可选参数,用来向对话框传递参数。传递的参数类型不限,包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。

3.sFeatures:可选参数,这里只是一个笼统的写法,里面包括很多属性细节,用来设置弹出窗口的各种特征。  

  1).dialogHeight:设置窗口的高度。

  2).dialogWidth:设置窗口的宽度。

  3).dialogLeft:设置窗口距离屏幕左侧的距离。

  4).dialogTop:设置窗口距离屏幕上侧的距离。

  5).center: {yes | no | 1 | 0 }:窗口是否居中,默认yes,但仍可以指定高度和宽度。  

  6).help: {yes | no | 1 | 0 }:是否显示帮助按钮,默认yes。

  7).resizable: {yes | no | 1 | 0 } :是否可被改变大小。默认no。

  8).status: {yes | no | 1 | 0 } :是否显示状态栏。默认为yes[ Modeless]或no[Modal]。

  9).scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是否显示滚动条。默认为yes。

代码实例:

一.基本实例:

1.主页面代码:

假定父页面的名称是parent.html,里面有如下代码:
   [ bootstrap ] 运行代码    下载代码
<script>
var obj = new Object();
obj.name="softwhy.com";
window.showModalDialog("antzone.html",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
上面你的代码可以在一个窗口中展现antzone.html页面。

2.被打开页面代码:
   [ bootstrap ] 运行代码    下载代码
<script>
var obj=window.dialogArguments;
</script>
可以接收到传递过来的参数。

二.向父页面返回信息:

被打开页面的window.returnValue属性可以向父窗口返回信息。

被打开页面代码:
   [ bootstrap ] 运行代码    下载代码
<script>
window.returnValue="https://www.51qianduan.com";
</script>
主页面的代码:
   [ bootstrap ] 运行代码    下载代码
<script>
var str=window.showModalDialog("antozne.html");
</script>

代码描述:window.showModalDialog()弹出窗口。window.showModalDialog()弹出窗口代码实例



124 165



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到