js 调起网页模式窗口window.open并实现窗口居中

已于 2022-02-11 14:45:55 修改
阅读量1.5k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： # web前端 文章标签： javascript 前端 开发语言
于 2022-02-11 14:42:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36303853/article/details/122880190
这篇博客介绍了如何使用JavaScript调用window.open方法创建一个网页模式窗口，并使其在打开时居中显示。示例代码展示了如何设置窗口的尺寸、位置以及各种窗口属性，如无工具栏、菜单栏和滚动条。

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

  1. html代码

    <button onclick="modal()"></button>

  2. js代码

    function modal(
了解本专栏 订阅专栏 解锁全文 超级会员免费看
react-new-window:using使用`window.open`在React中弹出新窗口
05-07
根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 import React from 'react' import NewWindow from 'react-new-window' const Demo = ( ) => ( < NewWindow> < h1> Hi :waving_hand:...
window.open()详解及浏览器兼容性问题示例探讨
09-04
`window.open()`是JavaScript中的一个内置函数，用于在新的浏览器窗口、标签页或者替换当前窗口加载指定的URL。本文将详细解析`window.open()`的使用方法，并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `...
window.open()弹出居中的窗口
10-31
window.open()弹出居中的窗口
window.open的弹出窗口居中
漂泊的空间
08-19 877
 function openwindow(url,name,iWidth,iHeight){var url;                                 //转向网页的地址;var name;                           //网页名称，可为空;var iWidth;                          //弹出窗口的宽度;var iHe
window.open打开新窗口并居中
weixin_34221773的博客
04-03 239
为什么80%的码农都做不了架构师？>>> ...
javascript js 使window.open 新窗口居中显示
也许是前端的博客
04-27 2751
openwindow = function (data) { var url = data.url; //转向网页的地址; var name = data.title || '选择要添加的页面'; //网页名称，可为空; var iWidth = da...
html window.open 居中,window.open窗口居中和窗口最大化
weixin_34929072的博客
06-22 1430
1、window.open()参数window.open(pageURL,name,parameters)其中：pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)，如常用的‘height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,locatio...
window.open打开新页面居中
weixin_30918415的博客
01-11 353
var iHeight = 500;//新打开页面的高 var iWidth = 800;//新打开页面的宽 var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.screen.width-10-iWidth)/2; //获得窗口的水平位置; var url = FRAMEWOR...
window.open()弹出窗口参数说明及居中设置
weixin_30244681的博客
05-02 443
window.open()可以弹出一个新的窗口，并且通过参数控制窗口的各项属性。 最基本的弹出窗口代码 window.open('httP://codeo.cn/'); window.open()各参数详解 示例代码： window.open('httP://codeo.cn/', 'newwindow', 'height=100, width=400, top=0,...
window.open 后的窗口居中
背着键盘流浪
01-05 589
window.open后要使弹出的窗口始终在屏幕的中间，可进行如下设置： window.open(url,"rulegenerate","status=yes,center=yes,toolbar=no,left="+((screen.width-900)/2)+",top="+((screen.height-400)/2)+",width=900,height=400,location=no,...
js居中弹窗 window.open()
wellcome 2 天明's 博客
01-20 369
openDevDetail : function (dev_id){ let url = `/resourceManage/device_view.html?dev_id=${dev_id}`; //转向网页的地址; let name = "设备详情"; let iHeight = 900; let iWidth =1400; let iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置; let iLeft = (window
window.open打开新窗口屏幕居中
LLL_liuhui的博客
05-12 4097
&lt;a href="javascript:void(0);" onclick="openWin('http://ww.baidu.com','',400,200)"&gt;跳转到a&lt;/a&gt;     &lt;script&gt; function openWin(url,name,newWinWidth,newWinHeight){ var winWidth=scree...
用window.open打开的新窗口如何居中弹出
qq_32311977的博客
11-16 591
var openUrl = "";//弹出窗口的url var iWidth=800; //弹出窗口的宽度; var iHeight=600; //弹出窗口的高度; var iTop = (window.screen.availHeight-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.screen.availWidth-10-iWidth
window.open打开窗口居中的方法
weixin_34348805的博客
12-21 285
本例使用“(screen.width-width)/2”和“(screen.height-height)/2”获取窗体居中的坐标点，然后指定窗体的“left”和“top”属性。javascript代码为<html> <head> <title>标题页</title> <script language="javasc...
window.open 打开窗口居中显示
czp555的博客
11-07 526
var iWidth = 650; //新打开窗口的宽 var iHeight = 450; //新打开窗口的高 var vTop = (window.screen.availHeight - 30 - iHeight) / 2; var vLeft = (window.screen.availWidth - 10 - iWidth) / 2; window.open(windo...
window.open打开页面居中显示
qq_39181017的博客
05-31 3541
<script type="text/javascript"> function openwindow(url,name,iWidth,iHeight) { var url; //转向网页的地址; var name; //网页名称，可为空; var iWidth; //弹出窗口的宽度; var iHeight; .
使用 window.open 弹窗双屏情况如何居中
qq_43527485的博客
10-19 658
问题：在双屏情况下，chrome浏览器位于副屏弹窗时，会存在弹窗位置异常问题。
window.open()窗口居中显示
心中有侠
12-28 5260
var iWidth = 400; //弹出窗口的宽度; var iHeight = 450; //弹出窗口的高度; var iTop = (window.screen.height-30-iHeight)/2; //获得窗口的垂直位置; var iLeft = (window.scre...
window.open窗口居中
最新发布
04-02
### 实现 `window.open` 弹出窗口居中的方法 为了使 `window.open` 方法弹出的浏览器窗口能够居中显示，可以通过计算当前屏幕尺寸以及浏览器窗口的位置来动态设置新窗口的 `left` 和 `top` 属性。以下是具体的实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向宇it

创作不易，感谢你的鼓励

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值