`

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

阅读更多

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

 

================================

©Copyright 蕃薯耀 2018年8月16日

http://fanshuyao.iteye.com/

 

 

var isIE=!!window.ActiveXObject;  	//是否IE浏览器
var isIE6=isIE&&!window.XMLHttpRequest;  //是否IE6浏览器
var isIE7=isIE&&!isIE6&&!isIE8;  //是否IE7浏览器
var isIE8=isIE&&!!document.documentMode;  //是否IE8浏览器
var availheight = screen.availHeight;	//默认高度为屏幕的高度
if(isIE8){  
	availheight= screen.height;
}
//IE11升级弹出窗口小
if (!!window.ActiveXObject || "ActiveXObject" in window){
	availheight= screen.height;
}
 
/**********************************************************************************
*函数名称: 打开新窗口
*功能说明: 通过传递参数打开一个定制的新窗口,
*参数说明:
 surl:        URL地址 
 windowName   弹出窗口的名字(不是文件名),非必须,可用空''代替; 
 iheight      窗口高度; 
 iwidth       窗口宽度; 
 itop         窗口距离屏幕上方的象素值; 
 ileft        窗口距离屏幕左侧的象素值; 
 stoolbar     是否显示工具栏,yes为显示; 
 smenubar     是否显示菜单栏,yes为显示;
 sscrollbars  是否显示滚动栏,yes为显示; 
 sresizable   是否允许改变窗口大小,yes为允许; 
 slocation    是否显示地址栏,yes为显示; 
 sstatus      是否显示状态栏内的信息(通常是文件已经打开),yes为显示;
***********************************************************************************/	
	
function openCustomWindow(surl,windowName,itop,ileft,iwidth,iheight,stoolbar,smenubar, sscrollbars,sresizable,slocation, sstatus)
{
window.open (surl, windowName, 'height='+iheight+', width='+iwidth+', top='+itop+', left='+ileft+', toolbar='+stoolbar+', menubar='+smenubar+', scrollbars='+sscrollbars+',resizable='+sresizable+',location='+slocation+', status='+sstatus) 
}



/**
 * 打开一个居中的窗口
 * @param pageUrl url链接
 * @param innerWidth 宽度,不带px,小于0表示百分比
 * @param innerHeight 高度,不带px,小于0表示百分比
 */
function openWindowCenter(pageUrl, innerWidth, innerHeight){
	var screenWidth = screen.availWidth;
	var screenHeight = screen.availHeight;
	var width = screenWidth;
	var height = screenHeight;
	
	if(innerWidth < 1){
		width = screenWidth * innerWidth;
		screenWidth = (screen.availWidth - width)/2;
	}else{
		width = innerWidth;
		screenWidth = (screen.availWidth - innerWidth)/2;
	}
	if(innerHeight < 1){
		height = screenHeight * innerHeight;
		screenHeight = (screen.availHeight - height)/2;
	}else{
		height = innerHeight;
		screenHeight = (screen.availHeight - innerHeight)/2;
	}
	window.open(pageUrl, "", "left=" + screenWidth + ",top=" + screenHeight +",width=" + width + ",height=" + height + ",resizable=no,scrollbars=no,status=no,toolbar=no,menubar=no,location=no");
};

/**
 * 打开一个居中的窗口,可有滚动条
 * @param pageUrl url链接
 * @param innerWidth 长度,不带px
 * @param innerHeight 宽度,不带px
 */
function openWindowScroll(pageUrl, innerWidth, innerHeight){
	var screenWidth = (screen.availWidth - innerWidth)/2;
	var screenHeight = (screen.availHeight - innerHeight)/2;
	window.open(pageUrl, "", "left=" + screenWidth + ",top=" + screenHeight +",width=" + innerWidth + ",height=" + innerHeight + ",resizable=no,scrollbars=yes,status=no,toolbar=no,menubar=no,location=no");
};


/**
 * 打开一个居中的窗口,可变大小
 * @param pageUrl url链接
 * @param innerWidth 长度,不带px
 * @param innerHeight 宽度,不带px
 */
function openWindowResizable(pageUrl, innerWidth, innerHeight){
	var screenWidth = (screen.availWidth - innerWidth)/2;
	var screenHeight = (screen.availHeight - innerHeight)/2;
	window.open(pageUrl, "", "left=" + screenWidth + ",top=" + screenHeight +",width=" + innerWidth + ",height=" + innerHeight + ",resizable=yes,scrollbars=no,status=no,toolbar=no,menubar=no,location=no");
};



 

================================

©Copyright 蕃薯耀 2018年8月16日

http://fanshuyao.iteye.com/

 

 

 

1
0
分享到:
评论
1 楼 蕃薯耀 2018-08-16  
js打开新窗口,js打开居中窗口,js打开自定义窗口

==========
蕃薯耀

相关推荐

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

    使用JavaScript来实现新窗口居中显示的基本思路是在创建新窗口的同时,获取屏幕尺寸以及浏览器窗口的位置信息,然后根据这些信息计算出新窗口应该打开的位置,使其在屏幕上居中。下面是一个简单的示例代码: ```...

    Electron无边框窗口(最小化、最大化、关闭、拖动)以及动态改变窗口大小

    无边框窗口允许我们自定义窗口的行为,如添加最小化、最大化、关闭按钮,以及允许用户自由拖动和改变窗口大小。本教程将深入探讨如何在Electron应用中实现这些功能。 首先,我们需要理解Electron的基本结构。...

    JS模式窗口

    `showModalDialog()`函数是JavaScript的一个内建方法,它能打开一个新窗口,并且使当前窗口变为非活动状态,直到新窗口关闭。这个函数的基本语法如下: ```javascript var returnValue = window.showModalDialog...

    javascript弹出窗口问题总结

    - `window.open()`方式:用于打开新的浏览器窗口,可以自定义窗口的大小、位置等属性。例如,`ShowDialog`函数展示了如何打开一个居中显示的窗口。 - `window.showModalDialog()`方式:与`window.open()`类似,但...

    弹出窗口大全(js)

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

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

    - 如何使用`window.open()`函数打开新窗口。 - 如何使用`window.setTimeout()`函数设置定时任务。 - 基本的HTML页面结构和元素使用。 这些技术点不仅适用于本案例,也是前端开发中非常基础且重要的知识点,对于初学...

    弹出居中DIV窗口,背景逐渐变暗

    在网页设计中,"弹出居中DIV窗口,背景逐渐变暗"是一种常见的用户体验设计手法,常用于创建模态对话框、提示信息或者加载等待效果。这种设计可以使用户更加专注于当前的操作,避免背景内容的干扰。下面将详细介绍...

    weebox 优秀的js模式窗口

    Weebox是一款优秀的JavaScript模态窗口插件,它以其美观、大方的设计和高效的功能在Web开发领域备受青睐。本文将详细介绍Weebox的核心特点、使用方法以及如何通过提供的资源进行实践。 首先,Weebox的核心功能是...

    JavaScript网页特效范例宝典源码

    实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入...

    iframe弹出窗

    这种技术结合了`iframe`元素和自定义的对话框(dialog)设计,通常由`div`元素构建,并通过JavaScript或者jQuery等库来控制其行为。下面我们将深入探讨`iframe`、`div`以及`dialog`的相关知识点。 **1. iframe...

    javascript网页特效实例大全(13-19)

    实例362 打开指定大小的新窗口并居中显示 586 15.2 弹出确认对话框 588 实例363 删除数据前弹出确认对话框 588 实例364 安全退出前弹出确认对话框 590 15.3 其他 591 实例365 远程获取其他网页情报 591 ...

    控制新开窗口的属性(HTML经典用例)

    在这个中,有一个居中的元素,它包含一个元素,这是一个按钮,它的类型是"button",其值设为"打开新窗口"。这个按钮有一个ONCLICK事件,当用户点击时会执行JavaScript代码。 JavaScript代码`window.open('test.htm'...

    弹出窗口代码大全.txt

    高级用法:自定义窗口属性 ```html &lt;SCRIPT LANGUAGE="javascript"&gt; &lt;!-- window.open(page.html, newwindow, 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, ...

    JS实现自定义弹窗功能

    本文将介绍如何使用JavaScript(JS)实现一个自定义弹窗的功能。 首先,我们来看HTML部分。这里只是一个简单的按钮,当用户点击时会触发自定义弹窗的显示。按钮的`&lt;script&gt;`标签引入了`index.js`,这个文件中包含了...

    HTML模态窗口

    2. **页面提交问题**:如果在模态窗口中进行页面提交,可能会导致意外的新窗口打开。为避免这种情况,可以在`&lt;head&gt;`标签内添加`&lt;base target="_self"&gt;`来确保链接在当前窗口中打开。 3. **实战应用**:通过创建两个...

    jquery点击弹出可放大居中关闭对话框.zip

    从标签"JS特效-窗口特效"来看,这个插件着重于增强用户体验,通过JavaScript实现了一些常见的窗口特效。这种技术在网页应用中非常常见,可以提升用户的交互体验,使网站更具吸引力。 综上所述,这个资源提供了一个...

    程序天下:JavaScript实例自学手册

    12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口...

    网站弹窗代码,可以自定义弹出的窗口。

    弹窗通常是通过JavaScript实现的,它可以动态地在网页上创建一个新的窗口或者覆盖原有的内容。JavaScript是一种广泛使用的客户端脚本语言,它允许我们在用户与网页交互时执行各种功能,如显示弹窗。 2. HTML结构:...

    《程序天下:JavaScript实例自学手册》光盘源码

    12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口...

Global site tag (gtag.js) - Google Analytics