window.open居中显示，模式窗口

网页自适应打开新窗口并模仿模式
最新推荐文章于 2018-05-08 16:19:32 发布
原创 最新推荐文章于 2018-05-08 16:19:32 发布 · 572 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #url

本文介绍了一段JavaScript代码，用于在浏览器中创建一个自适应大小的新窗口，并在打开新窗口后将焦点转移到该窗口上，实现网页内容的自适应显示。

var url="";//地址

var height = 500;
 var width = 400;
 var left = (screen.availWidth - width) / 2;
 var top = (screen.availHeight - height) / 2;
 if (top < 0) {
  top = 0;
 }
 if (left < 0) {
  left = 0;
 }
 var openWin = window.open(url, '', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=' + width
   + ',height=' + height + ',left=' + left + ',top=' + top);
 window.onfocus = function() {//模仿模式窗口
  openWin.focus();
 }

js 调起网页模式窗口window.open并实现窗口居中
向宇
02-11 1590
html代码<button onclick="modal()"></button> js代码function modal() { var iHeight = 470; var iWidth = 370; //获得窗口的垂直位置 var iTop = (window.screenY || window.screenTop || 0) + (screen.height - iHeight-60) / 2; //获得窗口的水平位置 .
window.open打开页面居中显示的示例代码
12-10
在本例中，我们将深入探讨如何使用 `window.open()` 实现页面居中显示的功能。 首先，让我们来分析给出的 `1.js` 代码： ```javascript function openwindow(url, name, iWidth, iHeight) { // url 转向网页的...
window.open实现模式窗口
热门推荐
strawbingo的专栏
04-03 2万+
 看了些文章，实现模式窗口有两种方式。window.showModalDialog以及window.open。 一、方式介绍window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ showModalDialog() (IE 4+ 支持)showModelessDialog() (IE 5+ 支持)wind
SJ模态窗体，WIndow.Open小实例
12-02
JS弹出模态窗体，WIND．one p opne
window.showModalDialog模式对话框和 window.open的区别
05-27
NULL 博文链接：https://shawnfree.iteye.com/blog/598885
window.open()弹出居中的窗口
08-10 2785
Javascript代码function openwindow(url,name,iWidth,iHeight) {  var url;                                 //转向网页的地址;  var name;                           //网页名称，可为空;  var iWidth;                         
window.open模式窗口
漫漫长路,憩息港湾.(深水鱼)
09-24 204
function ModalWindow(){} ModalWindow.open = function(url, newWinName, modeCode){ $newWin = window.open(url, newWinName, modeCode); return $newWin;} /** * 模式窗口状态控制 */window.onfocus = function() { set...
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:...
javascript弹出窗口居中
jlchaoyue的博客
09-01 683
&lt;script language="javascript"&gt;       function openWin(u, w, h) {             var l = (screen.width - w) / 2;             var t = (screen.height - h) / 2;             var s = 'width=' + w + ', he...
window.open窗口居中
chenbhhh的博客
05-08 1731
function openwindow(url,name,iWidth,iHeight)  //window.open新建居中窗口 {    // url 转向网页的地址    // name 网页名称，可为空    // iWidth 弹出窗口的宽度    // iHeight 弹出窗口的高度    //window.screen.height获得屏幕的高，window.screen....
window.open 居中显示
梦想起飞的专栏
11-06 674
 function openwindow(url,name,iWidth,iHeight){    var url;                             //转向网页的地址;    var name;                            //网页名称，可为空;    var iWidth;                          //弹出窗口的宽度;
window.open打开页面居中显示
weixin_34007886的博客
11-15 157
  &lt;script type="text/javascript"&gt; function openwindow(url,name,iWidth,iHeight) { var url; //转向网页的地址; var name; //网页名称，可为空; v...
window.open()居中
别在熬夜了！
11-14 2772
function openwindow(url,name,iWidth,iHeight) { var url; //转向网页的地址; var name; //网页名称，可为空; var iWidth; //弹出窗口的宽度
居中 window.open 与 window.showModalDialog
殇沫流年的专栏
04-11 1130
var iWidth = window.screen.availWidth - 350;        //弹出窗口的宽度;             var iHeight = window.screen.availHeight - 350;    //弹出窗口的高度;             var iTop = (window.screen.availHeight - 30 - iHeig
window.open 后的窗口居中
背着键盘流浪
01-05 614
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,...
window.open打开窗口居中显示
珊瑚海的博客
08-26 1405
window.open打开窗口居中显示
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值