`

window.open居中

阅读更多
openwindow(data.url, '文件下载','200','200');


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+',toolbar=no,menubar=no,scrollbars=auto,resizeable=no,location=no,status=no');
	}
分享到:
评论

相关推荐

    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