showModalDialog 打开后任意改变大小

最新推荐文章于 2021-05-30 22:01:56 发布
原创 最新推荐文章于 2021-05-30 22:01:56 发布 · 448 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个使用JavaScript实现的模态对话框示例。父窗口通过showModalDialog方法打开模态窗口，并设置其样式与位置。子窗口test1.html中包含了一个用于自动调整对话框尺寸的函数adjustDims。该函数根据body元素的滚动高度和宽度来动态调整对话框的高度和宽度。

父窗口JS

<script language=javascript>

window.showModalDialog("http://ofyou.com/system/test1.html","Dialog Box","dialogHeight: 300px; dialogWidth: 300px; dialogTop: 250px; dialogLeft: 300px; edge: Sunken; center: No; help: No; resizable: No; status: No;");

</script>

 

模态对话框JS

<body>

<br>test1.html的代码：<br>
<script language=javascript>

function adjustDims()

{

window.dialogHeight = ''+(window.document.all.tags("body")[0].scrollHeight+230)+'px';

window.dialogWidth = '' +(window.document.all.tags("body")[0].scrollWidth+230)+'px';

}

</script>

</body>

showModalDialog模态对话框的使用以及浏览器兼容
oscar999的专栏
12-11 2万+
ModalDialog 是什么？ showModalDialog 是js window对象的一个方法， 和window.open一样都是打开一个新的页面。 区别是： showModalDialog打开子窗口后，父窗口就不能获取焦点了（也就是无法操作了）。 可以在子窗口中通过设置 window.returnValue 的值，让父窗口可以获取这个return value. 一个例子 1)
Js 弹出框口并返回值的两种常用方法
10-28
首先，window.showModalDialog()方法用于打开一个模态对话框，并允许从该对话框返回值。这个方法可以创建一个带有自定义样式参数的模式窗口，并在窗口关闭后返回一个值。 方法的参数如下： - url：要加载到模态...
ShowModalDialog函数、改变模态窗口大小
陈宇波的博客
08-05 684
ShowModalDialog函数的功能： 打开一个子窗口，并且可与父窗口相互传递数据，它与window.open的最大区别就在于由ShowModalDialog打开子窗口后，父窗口将不能操作。 使用方法： vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures]) 参数说明： sURL 必选参数，类...
showModalDialog根据内容自动调整窗口大小
My 部落格
06-10 1191
showModalDialog根据内容自动调整窗口大小在对话框的页面中加入如下代码：window.onload = function()     {         if( document.body.scrollWidth > (window.screen.availWidth-100) ){              window.dialogWidth = (wi
ShowModalDialog的心得.刷新本页面,设置高度
com_zyq的专栏
11-12 208
[size=large]1.刷新本页面[/size] 在body里写一个A链接. 然后在javascript中使用click()调用. 注意:在头部加上:,如果有使用WdatePicker日期控件, 请加到日期控件的JS后面. [quote] [color=green]第一步:[/color] 加上 (有日期控件一定加在日期控件后面,不然IE6会报错) [...
showModalDialog()方法使用详解
Shopping的专栏
11-13 726
  此文为转载！非常感谢！ Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如：　　showModalDialog() (IE 4+ 支持)　　 showModelessDialog() (IE 5+ 支持)window.showModalDi
关于window.showModalDialog遭遇frameset不能初始化对话框大小
Rosen's
06-19 555
开发项目过程中，业务需要从一个window.showModalDialog中获取返回值，碰巧，这个对话框是一个frameset框架(公司技术框架较老，勿喷)，导致IE在非兼容模式下，弹出的对话框非常非常小，只能手动去拉动使其变大，相当麻烦。 并且后台代码在打开弹出框时一如既往的设定了宽度和高度。 returnobj=window.showModalDialog(url,self,"locat...
浅谈JavaScript窗体Window.ShowModalDialog使用
10-15
JavaScript中的`window.showModalDialog()`方法是一个用于打开模态对话框的功能，主要在IE浏览器中得到广泛支持（从IE4开始）。模态对话框是一种特殊的弹出窗口，它强制用户在处理当前对话框之前不能与页面上的其他...
深入解析showModalDialog函数：参数应用及子父窗口传值技巧
在使用showModalDialog打开的模态对话框（子窗口）和父窗口之间进行数据交换，可以通过以下方式实现： - **子窗口向父窗口传值**: 子窗口可以通过设置window.opener的属性来传递数据给父窗口。例如，在子窗口中执行...
showModalDialog 使用详解
04-16 1100
http://www.sosuo8.com/article/show.asp?id=851  Javascript有许多内建的方法来产生对话框，如：window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持对话框。如：showModalDialog() (IE 4+ 支持) showModelessDialog
showModalDialog参数详解|使用方法
asp.net
09-17 226
基本介绍：          showModalDialog()    (IE    4+    支持)          showModelessDialog()    (IE    5+    支持)          window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框。          window.showModelessDialog()方法用...
【前端】JavaScript控制showModalDialog根据内容自动调整窗口大小
姜太小白的博客
05-30 531
showModalDialog根据内容自动调整窗口大小 在对话框的页面中加入如下代码： window.onload = function() { if( document.body.scrollWidth > (window.screen.availWidth-100) ){ window.dialogWidth = (window.screen.availWidth-100).toString() + “px” }else{ window.dialogWidth = (document.body.s
js中window.open()和window.showModalDialog()窗体大小设置
Cactus
02-10 8248
function openwin(url,wh,hg,lf,tp)     {           var xLeft=(window.screen.width-wh)/2;       var yTop=(window.screen.height-hg)/2;       var newwin=window.open(url,"newwin","toolbar=no,location=
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值