`
shixiuteng
  • 浏览: 40291 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

window.open()弹出居中的窗口

 
阅读更多
var url;                                 //转向网页的地址;
  var name;                           //网页名称,可为空;
  var iWidth;                          //弹出窗口的宽度;
  var iHeight;                        //弹出窗口的高度;
  var iTop = (window.screen.availHeight-30-iHeight)/2;       //获得窗口的垂直位置;
  var iLeft = (window.screen.availWidth-10-iWidth)/2;           //获得窗口的水平位置;
  window.open(url,name,‘height=‘+iHeight+‘,,innerHeight=‘+iHeight+‘,width=‘+iWidth+‘,innerWidth=‘+iWidth+‘,top=‘+iTop+‘,left=‘+iLeft+‘,toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no‘);

 

分享到:
评论

相关推荐

    react-new-window:using使用`window.open`在React中弹出新窗口

    根据父窗口或屏幕使弹出窗口居中。 安装 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打开页面居中显示的示例代码

    本篇将详细解释如何使用`window.open`来实现新窗口的居中显示。 `window.open` 的基本语法如下: ```javascript window.open(url, name, features); ``` - `url`:必需,表示要打开的网页的URL。 - `name`:可选...

    layer.open的自适应及居中及子页面标题的修改方法

    在网页开发过程中,有时我们需要创建弹出窗口来展示信息或者进行交互操作,layer.js 是一个常用的前端弹层组件,能够方便地实现对话框、提示、加载等功能。本篇文章将详细探讨如何利用layer.open实现弹窗的自适应、...

    window.open()详解及浏览器兼容性问题示例探讨

    `window.open()`是JavaScript中的一个内置函数,用于在新的浏览器窗口、标签页或者替换当前窗口加载指定的URL。本文将详细解析`window.open()`的使用方法,并探讨在不同浏览器中的兼容性问题。 ### 1. 基本语法 `...

    Javascript中封装window.open解决不兼容问题

    最后,我们动态地生成窗口名称,以防止重复弹出,同时清空选项字符串以避免内存泄漏。 通过这种方式,我们确保了 `window.open` 只会在用户点击事件触发时执行,从而避免了兼容性问题。同时,我们也增加了对新窗口...

    window.showModalDialog(javascript)

    - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web开发中,更倾向于使用非模态对话框或者自定义的弹出层来实现类似的交互效果。 总之,`window.showModalDialog()`是JavaScript中创建...

    js打开新窗口,js打开居中窗口,js打开自定义窗口

    在JavaScript中,打开新的窗口是常见的操作,常用于创建弹出窗口、链接跳转或显示特定内容。本文将深入探讨如何使用JavaScript打开新窗口,并实现窗口居中和自定义窗口属性。 首先,我们来了解基本的`window.open()...

    弹出窗口大全(js)

    `window.open()` 是最常用的弹出新窗口的方法,其基本语法为: ```javascript window.open(url, target, features); ``` - **url**:新窗口打开的地址。 - **target**:目标窗口名,默认情况下是 "_blank" 表示新开...

    ASP 开发实例 窗口一些设置实例 自动关闭的广告窗口 关闭弹出窗口刷新父窗口 居中显示弹出的窗口 鼠标指针滑过链接样式 离开时启动收藏夹 安徽机电职业技术学院 陈伟

    弹出窗口的居中显示通常需要计算浏览器窗口的大小和弹出窗口的大小,然后设置弹出窗口的位置。这可以通过JavaScript的window.open方法实现,通过指定窗口的坐标参数使其相对于屏幕中心定位。 4. **鼠标指针滑过...

    ajax实现弹出窗口代码大全

    以下是一些使用`window.open()`方法实现的不同类型弹出窗口的例子: 1. **全屏弹出窗口** ```html <body onload="window.open('http://www.kunde58.com','example01','fullscreen');"> ``` 这段代码将在页面...

    弹出窗口代码大全.txt

    ### 弹出窗口代码大全详解 #### 一、引言 在网页开发中,弹出窗口是一种常见的交互方式,它可以用于展示广告、提供额外信息或引导用户进行特定操作等。根据给定文件“弹出窗口代码大全.txt”的描述,本文将详细...

    javascript弹出窗口问题总结

    - `window.opener.location.reload()`:如果弹出窗口是通过`window.open()`创建的,那么可以使用`window.opener`属性来访问并刷新父窗口。 - `window.dialogArguments.location.reload();`:对于通过`window....

    JS实现简单加载弹出小网页后5秒消失

    ##### 一、窗口弹出原理及实现方法 在本案例中,我们通过JavaScript的`window.open()`函数来实现在页面加载时自动打开一个新的浏览器窗口。这个新窗口会显示一个简单的通知页面(one.html)。具体代码如下: ```...

    javascript之弹出窗口居中的代码

    下面给两个弹出屏幕居中窗口的例子 代码如下:window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=...

    javascript弹出窗口命令总结

    ### JavaScript 弹出窗口命令总结 #### 一、概述 在网页开发中,JavaScript 提供了多种用于创建弹出窗口的方法。这些方法可以帮助开发者在不离开当前页面的情况下展示额外的信息或进行用户交互。本文将详细介绍 `...

    弹出窗口总汇集

    根据给定的文件信息,我们...通过`window.open`、`showModalDialog`、`showModelessDialog`以及HTA,开发者可以根据具体需求灵活地控制弹出窗口的样式和行为。掌握这些技巧对于创建功能丰富且用户友好的网站至关重要。

Global site tag (gtag.js) - Google Analytics