`
江南月
  • 浏览: 2800 次
  • 性别: Icon_minigender_1
  • 来自: 山东
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

一个常用js方法——打开新窗口,位置居中

阅读更多
//打开新窗口,窗口位置居中
function openNewWindow(){
var iWidth=800; //弹出窗口的宽度;
var iHeight=600; //弹出窗口的高度;
var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置;
var iLeft = (window.screen.availWidth-10-iWidth)/2; //获得窗口的水平位置;
var winStyle='location=no,scrollbars=yes,resizable=yes,height='+iHeight+',width='+iWidth+',top='+iTop+',left='+iLeft;

window.open('test.jsp','subWindow',winStyle);
}

 

分享到:
评论

相关推荐

    网页设计弹出窗口大全(js)

    本段代码展示了如何在ASP.NET环境中实现打开一个新窗口,该窗口同样不包含状态栏、工具栏、菜单栏、定位栏,并且窗口不可调整大小,位置居中。 ##### 传入参数 - `mode`: 表示打开新窗口时所需的模式或参数。 ####...

    JS实现弹出居中的模式窗口示例

    最后,使用`window.open`方法打开新窗口,传入之前计算好的参数。同时,将蒙版`addDiv`作为第二个参数传递,这使得新窗口可以绑定到蒙版,达到模态效果。 在实际应用中,你可以根据需要调整`OpenDialog`函数的参数...

    从入门到精通HTML5——PDF——网盘链接

     2.3.11 强制打开新窗口 25  2.3.12 设置网页的过渡效果 26  2.4 基底网址标记<base> 29  2.5 页面的主体标记<body> 30  2.5.1 设置文字颜色——text 31  2.5.2 背景颜色属性——bgcolor 32  ...

    ASP.NET开发实战1200例(第Ⅰ卷)第十二章

    实例296 利用JavaScript打开新窗口显示广告 信息 470 实例297 利用JavaScript实现自动关闭的广告 窗口 472 实例298 利用JavaScript居中显示弹出的窗口 473 实例299 双击数据行打开新窗口显示详细信息 475 实例300 ...

    HTML模态窗口

    例如,下面的代码展示了一个简单的模态窗口打开示例: ```javascript window.showModalDialog("DialogPage.aspx", "newwin", "dialogHeight:200px; dialogWidth:150px; dialogTop:458px; dialogLeft:166px; edge:...

    showModelessDialog使用详解

    - **`showModelessDialog()`**:此方法创建一个非模态对话框,用户可以在对话框打开的同时继续与主窗口进行交互。这意味着即使对话框未关闭,用户也能对主窗口执行操作。 - **语法**: ```javascript var ...

    图片悬停效果| css和js

    - `MM_openBrWindow`:这个函数打开一个新的浏览器窗口,并加载指定的URL。 - 第一个参数为图片的URL。 - 第二个参数为新窗口的名字。 - 第三个参数为新窗口的属性(如大小、是否可调整大小等)。 #### 四、...

    Extjs学习—总结的extjs的一些常用小知识点

    ### Extjs 学习——总结的一些常用知识点 #### 一、概述 Extjs 是一个用于构建 Web 应用程序的强大框架,它提供了大量的 UI 组件和功能,可以帮助开发者快速搭建出高质量的应用界面。本文将根据一个月的学习经验,...

    2021-2022计算机二级等级考试试题及答案No.190.docx

    - **声明抛出异常**:在 Java 中,如果一个方法可能会抛出异常,可以在方法签名中使用 `throws` 关键字声明可能抛出的异常类型。 ### 20. 数据库管理系统 - **DBMS**:数据库管理系统(Database Management System...

    jbox-v2.3-beta

    2. 初始化jbox:通过调用$.jBox()方法创建提示框,如创建一个简单的信息提示框: ```javascript $.jBox.info('提示信息', '提示标题', { buttons: {'确定': true}, closed: function () { console.log('提示框已...

    javascript面试题

    **50、如何居中 div, 如何居中一个浮动元素?** - **居中 div**:使用 `margin: auto` 或 Flexbox/Gird 布局。 - **居中浮动元素**:可以使用 Flexbox 的 `justify-content: center`。 **51、浏览器的内核分别是...

    KODExplorer 芒果云-资源管理器

    - 拖入url ——oexe 新窗口打开 - 选中文件时,移动到屏幕可视区域(解决上下左右选中文件滚动条不一致问题) ###ver2.51 `2014/6/22` ---- ####fix bug:(bug解决和程序优化) - 登陆多次密码输入错误验证码bug...

    jquery自定义插件开发之window的实现过程

    综上所述,本文介绍了一个简单的自定义jQuery插件的开发过程,重点在于如何通过JavaScript面向对象的扩展方法,实现一个功能性的交互元素——弹窗,并通过jQuery的选择器、事件处理、CSS操作等技术来丰富用户体验。...

    前端学习路线推荐+自己做的一个前端项目(旅游线路推广)+通过购买腾讯云服务器上传的个人经历(附带部分关键源码)

    `target="_blank"`则在新窗口打开。 - **内部链接**: `内部链接</a>`,链接到同一网站内的另一个页面。 - **空链接**: `空链接</a>`,常用作临时占位符。 - **下载链接**: 若`href`指向一个文件路径,如`下载PDF</a>...

    HTML语法html.txt

    定义一个按钮,通常用于提交表单数据或触发JavaScript事件。 ##### 16. `caption` 为表格添加标题。 ##### 17. `center` 使内容居中显示。但在HTML5中已不再推荐使用,建议使用CSS来控制对齐方式。 ##### 18. `...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

    PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2

    实例128 获取数组中最后一个元素 158 实例129 去除数组中的重复元素 158 实例130 字符串与数组的转换 159 实例131 对数组元素进行随机排序 160 实例132 随机抽取数组中元素 161 实例133 二维数组的输出 162 实例134 ...

    java基础知识点67条

    这意味着可以将一个子类类型的指针赋值给一个父类类型的指针,或者可以将一个子类的对象赋值给一个父类的引用。 - **多态的好处**: 提高了代码的复用性和扩展性,使得系统更加灵活。 #### 5. Java中的访问修饰符 - ...

Global site tag (gtag.js) - Google Analytics