js open() 与showModalDialog()方法使用介绍

更新时间：2013年09月10日 17:49:38 作者：

项目开发中经常要用到js open() 与showModalDialog()方法，下面有个不错的示例，喜欢的朋友可以研究下

此方法可通用，项目开发中经常要用到：

 
//w:宽，h:高，url：地址，tag：标记 
function showWin(w, h, url, tag) { 
var t = (screen.height - h) / 2; //离顶部距离 
var l = (screen.width - w) / 2; //离左边距离 
window.open(url, tag, "width=" + w + ",height=" + h + ",top=" + t + ",left=" + l + ",location=0"); 
} 
//路径地址，window对象，宽，高 
function open_Dialog(url, win,Width, Height) { 
var return_Value; 
var iTop2 = (window.screen.availHeight - 20 - Height) / 2; 
var iLeft2 = (window.screen.availWidth - 10 - Width) / 2; 
var height2 = Height - 50; 
if (document.all && window.print) { 
return_Value = window.showModalDialog(url, win, "dialogLeft:" + iLeft2 + "px;dialogTop:" + iTop2 + "px;dialogWidth:" + 
Width + "px;dialogHeight:" + Height + "px;center:yes;status:no;scroll:no;help:no;"); 
} 
else { 
window.open(url, win, "top=" + iTop2 + ",left=" + iLeft2 + ",width=" + Width + "px,height=" + height2 + 
"px,resizable=0,scrollbars=0,location=0"); 
} 
} 

您可能感兴趣的文章:

扩展Bootstrap Tooltip插件使其可交互的方法
这篇文章主要介绍了扩展Bootstrap Tooltip插件使其可交互的方法,结合实例形式分析了bootstrap扩展tooltip插件的原理与具体操作技巧,需要的朋友可以参考下
2016-11-11
Javascript实现Vue跨组件通信的方法详解
这篇文章主要为大家详细介绍了Vue的跨组件通信，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-03-03
Js中使用正则表达式验证输入是否有特殊字符
这篇文章主要介绍了Js中使用正则表达式验证输入是否有特殊字符的简单代码，并通过一小段代码给大家介绍了js正则表达式验证同一字符串不同,需要的朋友可以参考下
2018-09-09
基于javascript实现的购物商城商品倒计时实例
本文主要介绍了基于javascript实现的购物商城商品倒计时实例，代码详细，可直接复制试试看效果。需要的朋友可以参考借鉴
2016-12-12
JavaScript对象的四种创建方法
这篇文章主要介绍了JavaScript对象的四种创建方法，首先我们通过确定一个对象的属性和方法展开主题相关内容，需要的小伙伴可以参考一下
2022-08-08
easyui combobox开启搜索自动完成功能的实例代码
下面小编就为大家带来一篇easyui combobox开启搜索自动完成功能的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-11-11
p5.js临摹旋转爱心
这篇文章主要为大家详细介绍了p5.js临摹旋转爱心，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-10-10
原生js实现trigger方法示例代码
这篇文章主要给大家介绍了关于利用原生js实现trigger方法的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-05-05
探析浏览器执行JavaScript脚本加载与代码执行顺序
本文主要基于向HTML页面引入JavaScript的几种方式，分析HTML中JavaScript脚本的执行顺序问题，通过本文给大家分享浏览器执行JavaScript脚本加载与代码执行顺序，对浏览器执行javascript及执行顺序相关知识感兴趣的朋友一起学习吧
2016-01-01
JS不同运算符下隐式类型转换的实现示例
隐式转换就是自动转换,通常发生在一些数学运算中,本文就来介绍一下JS不同运算符下隐式类型转换的实现示例,具有一定的参考价值,感兴趣的可以了解一下
2023-12-12