`

window.open 弹出页面水平垂直居中

阅读更多

<script type="text/javascript">
    function openwindow(url, name, iWidth, iHeight) {
        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 + ',status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no');
    }
</script>
<a href="javascript:void(0);" onclick="javascript:openwindow('http://www.baidu.com','',400,200);">
    用百度测试看看
</a>
 
分享到:
评论

相关推荐

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

    ### window.open()弹出居中的窗口 在前端开发过程中,我们常常需要利用JavaScript来实现一些交互功能,其中弹窗操作是非常常见的一种需求。通过`window.open()`方法可以创建一个新的浏览器窗口,而要使得这个新窗口...

    window.open打开页面居中显示的示例代码

    在本例中,我们将深入探讨如何使用 `window.open()` 实现页面居中显示的功能。 首先,让我们来分析给出的 `1.js` 代码: ```javascript function openwindow(url, name, iWidth, iHeight) { // url 转向网页的...

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

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

    javascript经典特效---打开窗口居中.rar

    例如,我们可以将窗口内容的`margin`设置为`auto`,这样在设置了固定宽度和高度的情况下,内容会自动水平和垂直居中: ```css #popupContent { width: 400px; height: 300px; margin: auto; position: absolute;...

    javascript IE窗口居中

    标题“javascript IE窗口居中”涉及的是在Internet Explorer(IE)浏览器中,使用JavaScript实现弹出窗口自动居中的技术。JavaScript是一种广泛应用于网页和网络应用的脚本语言,它允许开发者在用户与网页交互时动态...

    网页弹出窗口代码汇总

    本文档汇总了几种常用的网页弹出窗口的实现方法,包括通过`window.open`方法创建新窗口、使用`showModalDialog`和`showModelessDialog`方法创建模态和非模态对话框,以及通过HTA技术创建富客户端应用。 #### 一、...

    仿百度商桥页面弹出询问框效果[网页效果]

    通常,为询问框的容器设置`width`、`height`、`margin: 0 auto`(水平居中)以及合适的`top`和`left`值(垂直居中)。 - **弹出效果**:通过CSS的`transition`属性和JavaScript的`setTimeout`函数,可以在两秒后...

    【JavaScript源代码】javascript实现简单滚动窗口.docx

    - 利用CSS和JavaScript创建居中弹出层并使其跟随滚动条。 - 获取窗口的宽高、鼠标位置以及滚动条信息。 - 使用DIV模拟弹出窗口,并使其在页面滚动时保持可见。 总的来说,JavaScript的滚动窗口实现涉及了浏览器窗口...

    showModalDialog用法

    此代码计算对话框的水平和垂直居中位置,使得对话框在屏幕上居中显示。 3. **打开对话框并获取返回值**: ```javascript function turn_pyxz() { var l_Features = "dialogHeight:0px;dialogWidth:0px;"; var ...

    js让弹出新窗口居中显示的脚本

    “居中”是指使对象在水平和垂直方向上都位于中间位置。“脚本”是包含一组指令或语句的代码,可以在计算机程序中按顺序执行。 至于“[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]”部分,这句话意味着如果你...

    原生js实现弹出层登录拖拽功能

    在网页开发中,为了提升用户体验,常常需要实现各种交互效果,比如弹出层登录功能,并且这个弹出层还需要具备拖拽的能力。本篇将详细讲解如何使用原生JavaScript实现这样的功能。 首先,我们需要理解几个关键的概念...

    精通javascript

    • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert&#40;&#41;方法 • 11.2....

    精通JavaScript

    • 10.9.htm 鼠标感应 弹出警告框 • 10.10.htm 鼠标感应 渐显图片 • 10.11.htm 禁用鼠标右键 第11章(\第11章) • 11.1.htm 省略window的alert()方法 • 11.2.htm 未...

    html特效代码大全

    - **功能**: 通过循环提示用户输入登录名,直到输入正确为止,然后弹出“登录成功”的提示框。 - **应用场景**: 可用于简单的登录验证场景。 #### 五、设置背景图片 - **CSS代码**: ```css body { background-...

    javascript的对话框详解与参数

    使用`window.open()`函数可以弹出一个新窗口,通过设置参数可以控制窗口的大小、位置、是否可调整大小等属性。例如: ```javascript window.open('http://www.example.com', 'newWindow', 'width=600,height=400,...

    北大青鸟初学HTML基础代码

    - **示例**:`&lt;a href="#" onclick="javascript:window.open('popup.html','newWindow','toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300')"&gt;弹出新窗口&lt;/a&gt;` - **解析**:通过`window....

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    2.运行Qt Creator,首先弹出的是欢迎界面,这里可以打开其自带的各种演示 程序。 3.我们用File-&gt;New 菜单来新建工程。 4.这里我们选择Qt4 Gui Application。 5.下面输入工程名和要保存到的文件夹路径。我们这里的...

    Excel VBA实用技巧大全 附书源码

    目录 01001获取Excel版本 01002获取Excel的安装路径 01003获取当前用户名称 ...01005获取当前操作系统的名称和版本号 01006获取启动Excel的路径 01007获取打开Excel文件时的默认路径 01008获取模板保存的默认路径 ...

Global site tag (gtag.js) - Google Analytics