`

window.open居中

    博客分类:
  • jsp
阅读更多
<script language="javascript">
function openWin(u, w, h) {
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var s = 'width=' + w + ', height=' + h + ', top=' + t + ', left=' + l;
s += ', toolbar=no, scrollbars=no, menubar=no, location=no, resizable=no';
open(u, 'oWin', s);
}
</script>
<a href="javascript:void(openWin('http://www.baidu.com/', 600, 500));">Test</a>
分享到:
评论

相关推荐

    ShowModalDialog与window.open的区别

    ### ShowModalDialog与window.open的区别 #### 一、概述 在Web开发中,有时需要创建新的浏览器窗口或对话框来实现特定功能,如显示警告、输入数据等交互操作。JavaScript 提供了两种常用的方法来创建这类窗口:`...

    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. 基本语法 `...

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

    支持完整的window.open api 。 为React 16构建(使用ReactDOM.createPortal )。 阻止弹出窗口的处理程序(通过onBlock prop)。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 ...

    js的window.showModalDialog及window.open用法实例分析

    JavaScript中的`window.showModalDialog`和`window.open`都是用于打开新窗口的方法,但它们有着不同的特性和用途。 首先,`window.open`方法是JavaScript中最常见的打开新窗口的方式,它适用于所有的主流浏览器,如...

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

    本篇文章将详细探讨如何利用layer.open实现弹窗的自适应、居中以及子页面标题的修改。 首先,我们来了解 `layer.open` 的自适应功能。在动态生成的弹窗内容中,自适应是非常重要的,它确保弹窗可以适应不同的屏幕...

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

    在JavaScript中,`window.open` 是一个非常常用的函数,它用于在新的浏览器窗口中打开一个指定的URL。然而,这个函数在不同的浏览器和安全环境中可能会出现兼容性问题,特别是当它在非用户交互的情况下(例如页面...

    window.showModalDialog(javascript)

    在其他浏览器中,如Firefox、Chrome和Safari,可能需要使用其他方法,如`window.open()`,配合CSS和JavaScript来实现类似的效果。 - 模态对话框可能会对用户体验造成影响,因为它会阻塞用户的交互,因此在现代Web...

    js open() 与showModalDialog()方法使用介绍

    此外,还设置了窗口的宽度和高度,并通过 window.open() 方法打开新窗口,其中的 "location=0" 表示不显示地址栏。 接下来是 showModalDialog() 方法,它用于打开一个具有模态对话框效果的新窗口,并可返回对话框中...

    浅谈JavaScript窗体Window.ShowModalDialog使用

    例如,创建一个宽度为400像素,高度为300像素,居中显示,有滚动条且不可调整大小的模态对话框,可以这样设置: ```javascript window.showModalDialog('dialog.html', null, 'dialogWidth:400px;dialogHeight:300...

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

    首先,我们来了解基本的`window.open()`方法。这个方法接受两个参数:要打开的URL和新窗口的名称。例如: ```javascript window.open('http://example.com', 'newWindow'); ``` 这将在新窗口中加载`example.com`...

    showModalDialog模态对话框的使用详解以及浏览器兼容

    这与`window.open`方法不同,后者打开的新窗口并不会阻止用户在父窗口的操作。 **1. `showModalDialog`的基本使用** `showModalDialog`方法的基本语法如下: ```javascript var returnValue = window....

    JS中表单的使用小结

    具体方法包括window.location.reload(),该方法用于刷新当前页面,如果在使用window.open()弹出的新窗口中,可以通过window.opener.location.reload()来刷新父窗口;而通过window.showModalDialog()打开的模态窗口,...

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

    压缩包内的“打开窗口居中.htm”文件很可能包含了具体的HTML和JavaScript代码示例,用于实现这个特效。通常,HTML会有一个按钮或链接触发JavaScript函数,而JavaScript函数则执行上述的`window.open()`操作。 除了...

Global site tag (gtag.js) - Google Analytics