博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 打开模式窗口
阅读量:6281 次
发布时间:2019-06-22

本文共 1417 字,大约阅读时间需要 4 分钟。

1
    
<
script language
=
"
javascript
"
>
2
       
function
 openModalDialog(url, width, height)
3
        
{
4            window.showModalDialog(url, """dialogWidth="+width+"px;dialogHeight="+height+"px");
5            window.location.reload(true); 
6        }
7
    
<
/
script>
打开以后关闭窗户,父页面会自动刷新
调用例子:
在GridView的模板列里面使用:
1
<
asp:TemplateField
>
2
                                
<
ItemTemplate
>
3
                                    
<
href
="javascript:openModalDialog('Edit.aspx?Id=<%# Eval("
Id") %
>
',840,500);">Detail
</
a
>
 
4
                                
</
ItemTemplate
>
5
                            
</
asp:TemplateField
>
在普通页面的调用例子:
<a href="javascript:openModalDialog('Edit.aspx?Id=1',840,500);">Detail</a>
在打开的页面中的<head></head>之中需要加上如下的代码
<base target="_self" /> <!--Prevent opening new window-->
 <!--Disable the cache-->
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
    <meta http-equiv="expires" content="Mon, 23 Jan 1978 20:52:30 GMT" />
参考文章:
在打开的窗口中的服务器控件的事件中关闭打开的页面并且让父窗口跳转到另一个页面的代码
1
protected
 
void
 Button1_Click(
object
 sender, EventArgs e)
2
        
{
3            string script = @"<script language='javascript'>window.close();window.dialogArguments.location.href='Default.aspx';</script>";
4
5            ClientScript.RegisterStartupScript(this.GetType(), "close", script);
6        }
在使用showModalDialog时需要将window当成参数传递给子视窗, 如此视窗才能使用window.dialogArguments.location
1
<
script language
=
"
javascript
"
>
2
        
function
 ss()
3
        
{
4            window.showModalDialog("SubPage.aspx", window, "dialogWidth=440px;dialogHeight=300px");
5        }
6
    
<
/
script>
你可能感兴趣的文章
时间戳解读
查看>>
sbin/hadoop-daemon.sh: line 165: /tmp/hadoop-hxsyl-journalnode.pid: Permission denied
查看>>
@RequestMapping 用法详解之地址映射
查看>>
254页PPT!这是一份写给NLP研究者的编程指南
查看>>
《Data Warehouse in Action》
查看>>
String 源码浅析(一)
查看>>
Spring Boot 最佳实践(三)模板引擎FreeMarker集成
查看>>
Cable:360实现的新虚拟网络架构
查看>>
Fescar 发布 0.2.3 版本,支持 Redis 和 Apollo
查看>>
Google MapReduce到底解决什么问题?
查看>>
CCNP-6 OSPF试验2(BSCI)
查看>>
Excel 2013 全新的图表体验
查看>>
openstack 制作大于2TB根分区自动扩容的CENTOS镜像
查看>>
Unbuntu安装遭遇 vmware上的Easy install模式
查看>>
几个常用的ASP木马
查看>>
python分析postfix邮件日志的状态
查看>>
Mysql-5.6.x多实例配置
查看>>
psutil
查看>>
在git@osc上托管自己的代码
查看>>
机器学习算法:朴素贝叶斯
查看>>