Asp.Net中用javascript实现弹出窗口永远居中

最新推荐文章于 2026-06-17 10:40:45 发布
原创 最新推荐文章于 2026-06-17 10:40:45 发布 · 1.5k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#javascript #asp.net #function #url
博客介绍了在Asp.Net中使用JavaScript实现弹出窗口永远居中的方法。定义了ShowDialog函数，设置了模态窗口的宽度、高度，通过计算使其在屏幕上居中显示，最后使用window.open方法打开指定URL的窗口。

Asp.Net中用javascript实现弹出窗口永远居中
function ShowDialog(url)
{
  var  iWidth=600; //模态窗口宽度
  var  iHeight=500;//模态窗口高度
  var  iTop=(window.screen.height-iHeight)/2;
  var  iLeft=(window.screen.width-iWidth)/2;
  window.open(url,"Detail",
 "Scrollbars=yes,Toolbar=no,Location=no,Direction=no,Resizeable=no,   Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft)
}

lubean
关注
ASP.NET 绝对居中弹出层
10-27
1. 弹出绝对居中层 2. 企业级应用标准，支持SharePoint 3. 基于ASP.ENT, JavaScript, CSS开发
ASP.NET JS弹出式窗口
05-19
ASP.NET JS弹出式窗口，简单，好用！弹出一个窗口，是一个新的页面！内有DEMO，看了就知道怎么用，超级简单
JavaScript技巧：实现居中弹出窗口
TechNovaX的博客
10-01 822
showPopup()函数用于显示弹出窗口，它通过获取"popupContainer"元素的引用，并将其样式的"display"属性设置为"block"，从而使弹出窗口可见。hidePopup()函数用于隐藏弹出窗口，它将"display"属性设置为"none"，使弹出窗口不可见。在上述代码中，我们定义了一个名为"popupContainer"的DIV元素，它表示弹出窗口的容器。现在，当用户点击"显示弹出窗口"按钮时，弹出窗口将居中显示在页面中。当用户点击弹出窗口中的"关闭"按钮时，弹出窗口将被隐藏。
JS小技巧
natalie86的专栏
01-15 540
1、!!将一个值方便快速转化为布尔值 console.log( !!window===true ); 2、不声明第三个变量实现交换 var a=1,b=2; a=[b,b=a][0];//执行完这句代码之后 a的值为2 b的值为1了 3、&&和||的用法 （学会了立马感觉高大尚了吧） 用代码说话吧 var day=(new Date).getDay(
js弹出框或者提示框居中显示
iteye_4192的博客
08-17 2693
        今天又‘2’了，写了居中问题，居然把参数传错了，找了好久，测试了好久都没找出来，在此感谢我的partner的灵机一动。 KISSY.add('app/login',function(S){ function init(obj){ center(obj); $(window).resize(function(){ ...
原生Js封装的弹出框-弹出窗口-页面居中-多状态可选
weixin_30536513的博客
08-12 527
实现了一下功能： 1.title可自定义 可拖拽 2.width height可以自定义 3.背景遮罩和透明度可以自定义 4.可以自己编辑弹出框里的html 5.确定 取消按钮可选 调用方法： 1 Prompt.add();//生成遮罩和弹出div 2 3 4 5 Prompt.init({ //修改参数 6 ...
JS打开新窗口并居中显示
欢迎访问我的主页：https://www.bookbook.cc
07-11 1万+
Js打开新窗口并居中显示
用javascript实现弹出窗口永远居中
wygyhm的专栏
07-12 1602
用javascript实现弹出窗口永远居中function ShowDialog(url) {   var  iWidth=600; //模态窗口宽度  var  iHeight=500;//模态窗口高度  var  iTop=(window.screen.height-iHeight)/2;  var  iLeft=(window.screen.width-iWidth)
NET使用了UpdatePanel后如何弹出对话框！
11-02 4947
在ajax中的UpdatePanel弹出对话窗，可以使用：<br />ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "alert", "alert('更新成功!')", true);<br />修改后跳到另一个页面中去时，可以使用：<br />ScriptManager.RegisterStartupScript(UpdatePanel1, this.GetType(), "click", "location.replac
js 让窗口居中
hw1287789687的专栏
03-25 564
直接上代码 $(function() { function center_pos(){ var width = $('.dialog').width(); var height = $('.dialog').height(); var top = (getInner().height - height) / 2 + getScroll().top; v...
js 实现 打开的窗口居中
03-30
js 实现 打开的窗口居中! 值得下载看看!资源免费,大家分享!!
js打开新窗口，js打开居中窗口，js打开自定义窗口
05-03
NULL 博文链接：https://fanshuyao.iteye.com/blog/2428837
ASP.NET后台通过输出JavaScript弹出窗口小结
06-05 2885
window.open (page.html, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no) ;--> 　　参数解释： 　　 js脚本开始； 　　window.open
让弹出层始终显示在屏幕正中间
热门推荐
皮哥不皮
03-29 4万+
一、block元素相对于父级居中：给该元素设置宽高(如果被内部元素撑开，也可不写)；然后设置样式margin:0 auto;二、inline元素相对于父级居中：给父级元素设置样式：text-align:center;三、弹层相对于浏览器窗口（或屏幕）居中：可将弹层对应的dom作为body第一层子元素，然后给弹层设置样式
js弹出的窗口居中显示
weixin_30851409的博客
10-25 240
//弹出窗口的宽度,自定义var iWidth; //弹出窗口的高度，自定义 var iHeight; var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (w...
弹出框页面居中显示的两种方法
chueia的博客
03-31 2万+
第一种 position:fixed; top:0; right:0; left:0; bottom:0; margin:auto; 这种方法在元素的宽高不固定时会全屏拉伸元素，在高度不固定靠子元素撑开自适应的情况下不适用。但是在宽高固定的情况下可以用，没有兼容性问题。 第二种 position:fixed; top:50%; left:50%; transform:transl
基于java Web 训练管理系统设计与实现 源码 论文
最新发布
qq_251836457的博客
06-17 1159
用户信息实体，主要包括 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 等信息实体。1 用户( 用户编号,用户名,密码,姓名,性别,出生日期,证件号,民族,政治面貌,单位,入伍时间,照片,班级,排 )讨论信息实体，主要包括 讨论编号,疑问,说明,发布人,发布时间,状态,回答 等信息实体。系统主要用户实体,班级实体,排实体,科目实体,成绩实体,教学视频实体,教学理论实体,讨论实体，如图所示。班级信息实体，主要包括 班级编号,班级 等信息实体。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值