100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript之弹出窗口居中的代码【javascript】

javascript之弹出窗口居中的代码【javascript】

时间:2023-02-15 22:05:04

相关推荐

javascript之弹出窗口居中的代码【javascript】

web前端|js教程

弹出窗口

web前端-js教程

jvm源码下载,vscode更新编辑器,ubuntu 终止终端,tomcat项目运行步骤,爬虫找到南瓜,PHP云系统小说,綦江区seo网络营销服务lzw

function openWin(u, w, h) { var l = (screen.width – w) / 2; var t = (screen.height – h) / 2; var s = ‘width=’ + w + ‘, height=’ + h + ‘, top=’ + t + ‘, left=’ + l; s += ‘, toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no’; open(u, ‘oWin’, s); }

Test

下载了网站源码怎样安装,ubuntu单击变双击,爬虫 是门技术,.php木马,沈阳seo搜索lzw

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]javascript弹出窗口居中代码

下面给两个弹出屏幕居中窗口的例子

姓名测试打分 源码,vscode动态检测语法,Ubuntu分区指南,tomcat占用内存高,sqlite数据库文件破解,八爪鱼爬虫采集数据心得体会,php 访问redis,网站seo简历怎么写,微信网站的接口,简单的html框架模板lzw

window.open()方式

function ShowDialog(url) {

var iWidth=300; //窗口宽度

var iHeight=200;//窗口高度

var iTop=(window.screen.height-iHeight)/2;

var iLeft=(window.screen.width-iWidth)/2;

window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,

Width="+iWidth+" ,Height="+iHeight+",top="+iTop+",left="+iLeft);

}

window.showModalDialog方式

function ShowDialog(url) {

var iWidth=300; //窗口宽度

var iHeight=200;//窗口高度

var iTop=(window.screen.height-iHeight)/2;

var iLeft=(window.screen.width-iWidth)/2;

window.showModalDialog(url,window,"dialogHeight: "+iHeight+"px; dialogWidth: "+iWidth+"px;

dialogTop: "+iTop+"; dialogLeft: "+iLeft+"; resizable: no; status: no;scroll:no");

}

注意这里的第二个参数,window

用户必须在这个弹出式窗体中输入信息后才能访问其他的窗体是模态窗体就是用第二个方法就好了

javascript弹出窗口居中四:

function selectCustomer(){

var iTop = (window.screen.availHeight-30-500)/2;

var iLeft = (window.screen.availWidth-10-750)/2;

window.open("../customer/creditApprManage.do?method=toGetCustomer",

"searchCorp",

"height=500,width=750,top="+iTop+",left="+iLeft+",toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no"

);

}

说明:500和750是硬编码,可以通过参数传入。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。