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/
相关推荐
使用JavaScript来实现新窗口居中显示的基本思路是在创建新窗口的同时,获取屏幕尺寸以及浏览器窗口的位置信息,然后根据这些信息计算出新窗口应该打开的位置,使其在屏幕上居中。下面是一个简单的示例代码: ```...
无边框窗口允许我们自定义窗口的行为,如添加最小化、最大化、关闭按钮,以及允许用户自由拖动和改变窗口大小。本教程将深入探讨如何在Electron应用中实现这些功能。 首先,我们需要理解Electron的基本结构。...
`showModalDialog()`函数是JavaScript的一个内建方法,它能打开一个新窗口,并且使当前窗口变为非活动状态,直到新窗口关闭。这个函数的基本语法如下: ```javascript var returnValue = window.showModalDialog...
- `window.open()`方式:用于打开新的浏览器窗口,可以自定义窗口的大小、位置等属性。例如,`ShowDialog`函数展示了如何打开一个居中显示的窗口。 - `window.showModalDialog()`方式:与`window.open()`类似,但...
`window.open()` 是最常用的弹出新窗口的方法,其基本语法为: ```javascript window.open(url, target, features); ``` - **url**:新窗口打开的地址。 - **target**:目标窗口名,默认情况下是 "_blank" 表示新开...
- 如何使用`window.open()`函数打开新窗口。 - 如何使用`window.setTimeout()`函数设置定时任务。 - 基本的HTML页面结构和元素使用。 这些技术点不仅适用于本案例,也是前端开发中非常基础且重要的知识点,对于初学...
在网页设计中,"弹出居中DIV窗口,背景逐渐变暗"是一种常见的用户体验设计手法,常用于创建模态对话框、提示信息或者加载等待效果。这种设计可以使用户更加专注于当前的操作,避免背景内容的干扰。下面将详细介绍...
Weebox是一款优秀的JavaScript模态窗口插件,它以其美观、大方的设计和高效的功能在Web开发领域备受青睐。本文将详细介绍Weebox的核心特点、使用方法以及如何通过提供的资源进行实践。 首先,Weebox的核心功能是...
实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例007 为弹出的窗口加入...
这种技术结合了`iframe`元素和自定义的对话框(dialog)设计,通常由`div`元素构建,并通过JavaScript或者jQuery等库来控制其行为。下面我们将深入探讨`iframe`、`div`以及`dialog`的相关知识点。 **1. iframe...
实例362 打开指定大小的新窗口并居中显示 586 15.2 弹出确认对话框 588 实例363 删除数据前弹出确认对话框 588 实例364 安全退出前弹出确认对话框 590 15.3 其他 591 实例365 远程获取其他网页情报 591 ...
在这个中,有一个居中的元素,它包含一个元素,这是一个按钮,它的类型是"button",其值设为"打开新窗口"。这个按钮有一个ONCLICK事件,当用户点击时会执行JavaScript代码。 JavaScript代码`window.open('test.htm'...
高级用法:自定义窗口属性 ```html <SCRIPT LANGUAGE="javascript"> <!-- window.open(page.html, newwindow, 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, ...
本文将介绍如何使用JavaScript(JS)实现一个自定义弹窗的功能。 首先,我们来看HTML部分。这里只是一个简单的按钮,当用户点击时会触发自定义弹窗的显示。按钮的`<script>`标签引入了`index.js`,这个文件中包含了...
2. **页面提交问题**:如果在模态窗口中进行页面提交,可能会导致意外的新窗口打开。为避免这种情况,可以在`<head>`标签内添加`<base target="_self">`来确保链接在当前窗口中打开。 3. **实战应用**:通过创建两个...
从标签"JS特效-窗口特效"来看,这个插件着重于增强用户体验,通过JavaScript实现了一些常见的窗口特效。这种技术在网页应用中非常常见,可以提升用户的交互体验,使网站更具吸引力。 综上所述,这个资源提供了一个...
12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口...
弹窗通常是通过JavaScript实现的,它可以动态地在网页上创建一个新的窗口或者覆盖原有的内容。JavaScript是一种广泛使用的客户端脚本语言,它允许我们在用户与网页交互时执行各种功能,如显示弹窗。 2. HTML结构:...
12.9 打开的窗口居中 12.10 打开窗口的等待提示 12.11 在打开的窗口中返回数据 12.12 创建弹出窗口 12.13 不允许窗口出现滚动条 12.14 页面打开的同时打开另外两个窗口 12.15 慢慢变大的窗口 12.16 设置新打开的窗口...