维护画面居中

最新推荐文章于 2021-08-04 23:34:25 发布

原创最新推荐文章于 2021-08-04 23:34:25 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #javascript #include #web #null #url

Website 专栏收录该内容

7 篇文章

订阅专栏

本文介绍使用JavaScript实现维护画面的功能。用户在查询页面操作，点击按钮可打开新增或维护窗口。通过编写openEDIWin函数打开窗口，Web_Load函数实现窗口居中显示，将相关代码放在js文件中供页面引入，还提及不同分辨率下窗口的左上角坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有时候，我们会想到要写这样的维护画面，点击一个按钮，谭出一个小窗口，用户维护玩后关闭，然后更新父页面！

我写过那么多，觉得如果是维护（新增，修改，删除）页面，要居中显示窗口，这样的话，用户用起来方便，我们都喜欢看荧幕中间的东西，然后如果是那种查询窗口，
就最顶，最左显示出来！

维护窗口：
一般模式是这样，首先用户进来是个查询页面，例如：Prog_Sch_Rpt.asp(查询报告页面，主要是一些输入框提供给用户输入条件查询)
然后递交到一个页面，列表查询出来的纪录，Prog_Lst_Rpt.asp,top地方有个按钮：“新增报告”--〉点击打开一个新增窗口，Prog_Edi_Rpt.asp
在页面Prog_Lst_Rpt.asp列表的纪录，点击一笔就可以进入Prog_Edi_Rpt.asp维护这笔记录！同样在Prog_Edi_Rpt.asp,实现3种功能，新增，修改，删除

对于打开维护画面，我采取在Prog_Lst_Rpt.asp

// JavaScript Document
function openEDIWin(){ //打开维护窗口
Mywin=window.open(URL,'Prog_Edi_Rpt.asp','toolbar=no,menubar=no,scrollbars=yes,width=810,height=480');
if (Mywin.opener==null) Mywin.opener=self;
}

在Prog_Edi_Rpt.asp，有个js
function Web_Load(){
   window.moveTo((screen.width-550)/2,(screen.height-300)/2);
   if (!opener.closed){ //父窗口未關掉,則Refresh
       //window.opener.location.reload(true);
}
}

//一般我会放在一个命名为jsPublic.js的文件里面，任何页面include进来即可
然后在Prog_Edi_Rpt.asp的body 加入:onLoad="Web_Load()",这样就实现了居中

如果分辨率是1024*768,那么左上角坐标是：（237，234）
如果分辨率是1024*768,那么左上角坐标是：（125，150）