一、Js打开新窗口并居中显示

HML部分：

<button onclick="openNewWindow('https://www.baidu.com')">打开百度</button>

JS部分:

/*功能：打开新得浏览器窗口并居中显示参数：url:需要打开的url地址name:打开的窗口名称，可以为nullcustomWidth:窗口的宽度customHeight:窗口的高度
*/function openNewWindow(url, name, customWidth, customHeight) {// 设置宽高的默认值if(!customWidth){customWidth=window.screen.width/1.5;}if(!customHeight){customHeight=window.screen.height/1.5;}//window.screen.height获得屏幕的高，window.screen.width获得屏幕的宽var iTop = (window.screen.height - 30 - customHeight) / 2; //获得窗口的垂直位置;var iLeft = (window.screen.width - 10 - customWidth) / 2; //获得窗口的水平位置;window.open(url, name, 'height=' + customHeight + ',,innerHeight=' + customHeight + ',width=' + customWidth + ',innerWidth=' +customWidth + ',top=' + iTop + ',left=' + iLeft +',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
}

效果：

JS打开新窗口并居中显示相关推荐

js页面跳转和 js打开新窗口方法
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js打开新窗口的各种方法
window.top.location=url 可以在iframe中的页面在父窗口刷新打开 window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等.都 ...
JS 打开新窗口的方法
一.window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二.基本语法:window.open(pageURL,name,pa ...
js页面跳转和js打开新窗口
js页面跳转和 js打开新窗口方法 Js返回上一页: 1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history. ...
js打开新窗口并且不被拦截
js打开新窗口并且不被拦截 window.open是javascript函数,该函数的作用是打开一个新窗口或这改变原来的窗口,如果你直接在js中调用window.open()函数去打开一个新窗口,浏览 ...
js打开新窗口被拦截问题
打开新窗口的方式主要有 window.open, a标签增加target="_blank"属性,form标签增加target="_blank"属性用户直接点击 ...
JS打开新窗口的代码window.showModalDialog()
用JS代码打开新窗口 function openNewWindow(url,width,height,formname) { var feature="dialogWidth:&qu ...
浏览器拦截js打开新窗口的解决方案
今天技术大佬问了我一个问题:使用js在浏览器中打开新的窗口,什么时候会被拦截?什么时候不会被拦截? 一下给我问住了······· 于是上网百度的一波~ 常用的两种打开新窗口的方式 window.ope ...
js打开新窗口时隐藏掉地址栏的解决方案
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一.问题? 二.解决思路 1.修改window.open参数 2.跳转空白页,由空白页初始化时使用ajax跳转页面总 ...

JS打开新窗口并居中显示

一、Js打开新窗口并居中显示

JS打开新窗口并居中显示相关推荐

最新文章

热门文章