当前位置: 首页 > 图文教程 > 网络编程 > Javascript > WEB页子窗口(showModalDialog和showModelessDialog)使用说明

Javascript
为调试JavaScript添加输出窗口的代码
Js 中debug方式
一些mootools的学习资源
JavaScript 精粹读书笔记(1,2)
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
数组Array进行原型prototype扩展后带来的for in遍历问题
javascript 鼠标拖动图标技术
比较搞笑的js陷阱题
js 自定义的联动下拉框
js 省地市级联选择
JavaScript 类似flash效果的立体图片浏览器
JavaScript Event学习第九章 鼠标事件
jQuery AJAX回调函数this指向问题
toString()一个会自动调用的方法
jQuery 文本框模拟下拉列表效果
关于页面被拦截的问题
javascript 解析url的search方法
一个XML格式数据转换为图表的例子
Javascript 获取链接(url)参数的方法[正则与截取字符串]
一些收集整理非常不错的JS效果代码

No. « 285 286 287 288 »

技术文章搜索

关键字

Javascript 中的 WEB页子窗口(showModalDialog和showModelessDialog)使用说明

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 57 ::
收藏到网摘: n/a

WEB页子窗口(showModalDialog和showModelessDialog)使用说明，大家可以看下。 使用环境：
　　showModalDialog　　IE4以上版本
　　showModelessDialog　　IE5以上
区别：
　　showModalDialog　　被打开后就会始终保持输入焦点。无法操作主窗口，除非关闭对话框。
　　showModelessDialog　　被打开后，用户可以随机切换输入焦点。只是主窗口被对话框挡住。
使用方法：
　　vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
　　vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
参数说明：
　　sURL 　　必选参数，类型：字符串。用来指定对话框要显示的文档的URL。
　　vArguments　　可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等。对话框通过window.dialogArguments来取得传递进来的参数。
　　sURLsFeatures　　可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。
　　 1.dialogHeight 对话框高度，不小于100px，IE4中dialogHeight和dialogWidth 默认的单位是em，而IE5中是px
　　 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 } [IE5+]： 是否可被改变大小。默认no。
　　 8. status:{yes | no | 1 | 0 } [IE5+]：是否显示状态栏。默认为yes[ Modeless]或no[Modal]。
　　 9. scroll:{ yes | no | 1 | 0 | on | off }：是否显示滚动条。默认为yes。
　　 10. dialogHide:{ yes | no | 1 | 0 | on | off }：在打印或者打印预览时对话框是否隐藏。默认为no。
　　 11. edge:{ sunken | raised }：指明对话框的边框样式。默认为raised。
　　 12. unadorned:{ yes | no | 1 | 0 | on | off }：默认为no。
例子：
f.html
复制代码 代码如下:

<html>
<head>
<title>主窗口</title>
<script type="text/javascript">
<!--
var child;
function openDialogBox()
{
child = window.showModalDialog('c.html',document.all["txt"],"dialogWidth=500px;dialogHeight=200px;");
}
//-->
</script>
</head>
<body>
<input name="txt" type="text" disabled="disabled" />
<input name="btn" type="button" value="打开对话框" onClick="openDialogBox();" />
</body>
</html>

c.html
复制代码 代码如下:

<html>
<head>
<title>对话框</title>
<script type="text/javascript">
<!--
function set()
{
window.dialogArguments.value=document.all["txt"].value
}
//-->
</script>
</head>
<body>
<input name="txt" type="text"/>
<input name="btn" type="button" value="设置" onClick="set();" />
</body>
</html>