js打开新窗口,js打开居中窗口,js打开自定义窗口
================================
©Copyright 蕃薯耀 2020-01-07
https://www.cnblogs.com/fanshuyao/
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 蕃薯耀 2020-01-07
https://www.cnblogs.com/fanshuyao/
js打开新窗口,js打开居中窗口,js打开自定义窗口的更多相关文章
- google浏览器打开新的标签页显示http://www.google.com.hk/url?sa=p&hl=zh-CN&……
chrome的版本:51.0.2704.106 m使用该版本的chrome后,每次打开新标签页,都会提示“无法访问此网站”.并自动跳转到一个地址“http://www.google.com.hk/ur ...
- Firefox火狐浏览器打开新标签页一直闪烁
问题:Firefox浏览器打开新标签页一直刷新,不能打开页面 解决办法:在url栏输入about:support,打开配置文件夹,然后删除目录中包含storage所有文件,重启Firefox即可.
- Js打开新窗口拦截问题整理
一.js打开新窗口,经常被拦截 //js打开新窗口,经常被拦截 //指定本窗口打开,可以使用 window.open('http://www.tianma3798.cn', '_self'); //不 ...
- js页面跳转 和 js打开新窗口 方法
js页面跳转 和 js打开新窗口 方法 第一种: 第二种: 第三种: 第四种: 第五种: 1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面" ...
- 浏览器拦截js打开新窗口
最近做项目时,遇到的问题"想通过javascript在浏览器新标签页或新窗口打开一个新的页面,结果被浏览器大大无情给拦截了"业务需求:前端提交数据到后端,后端返回url,然后在新窗 ...
- flex与js通信、在浏览器中打开新窗口
一.flex与js通信(通过flex调用js方法) var urlR:URLRequest = new URLRequest("javascript:test('from flex')&qu ...
- JS打开新的窗口
一.使用JS打开新窗口 1. 超链接<a href="http://www.wumz.me" title="Mauger`s Blog">Welco ...
- JS打开新窗口防止被浏览器阻止的方法
这篇文章主要介绍了JS打开新窗口防止被浏览器阻止的方法,分析对比了常用方法与改进方法,是非常实用的技巧,需要的朋友可以参考下 本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考. ...
- JS打开新窗口防止被浏览器阻止的方法[转]
本文实例讲述了JS打开新窗口防止被浏览器阻止的方法.分享给大家供大家参考.具体分析如下: 用传统的window.open()方式打开新窗口,会被浏览器阻止,那么,我们如何才能让JS打开新窗口不被浏览器 ...
随机推荐
- js阻止事件冒泡(phpcms,浮窗第一次10秒弹出后每30秒弹出,动态更换日期)
/* v9_date_list 日期表 tiptime 考试日期(数据类型为日期) 如果要实现浮窗淡入淡出用jquery的("#main0").fadeIn(3500);淡出(&q ...
- CSS标题线(删除线贯穿线效果)实现之一二
缘起 其实看到这个问题,心里已经默默把代码已经码好了~,不就想下面这样嘛:JSBIN代码示例 嗯,是的,我们日常确实基本上就是用的这种方式,也没啥问题呀~,来个背景色定下位就欧拉欧拉的了. 不过,因为 ...
- mongoose pushall不支持的错误记录
该错误发生两次,第一次解决以后第二次碰到又没有想起来怎么解决. 因为采用mongoose+node的后端项目.有两个表实现多对多关系,再中间表不做关联,只在两个主表做了 testlist: [{ ty ...
- openlayers编辑区域
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...
- MySql 小表驱动大表
在了解之前要先了解对应语法 in 与 exist. IN: select * from A where A.id in (select B.id from B) in后的括号的表达式结果要求之输出一列 ...
- HashMap的一些学习
1.equals和==的对比==用于比较引用和比较基本数据类型时具有不同的功能:A:比较基本数据类型,如果两个值相同,则结果为true而在比较引用时,如果引用指向内存中的同一对象,结果为true; e ...
- The Softmax function and its derivative
https://eli.thegreenplace.net/2016/the-softmax-function-and-its-derivative/ Eli Bendersky's website ...
- window.resizeTo
概述 动态调整窗口的大小. 语法 window.resizeTo(aWidth, aHeight) 参数 aWidth 是一个整数,表示新的 outerWidth(单位:像素)(包括滚动条.窗口边框等 ...
- Spring5源码阅读环境搭建-gradle构建编译
前沿:Spring系列生态十分丰富,涉及到各个方面.但是作为Spring生态的核心基础Spring,是最重要的环节,需要理解Spring的设计原理,我们需要解读源码. 在构建Spring源码阅 ...
- main中的argv和argc
int main(int argc,char* argv[]) 给程序传递命令行参数:第一个参数的值是第二个参数的数组元素个数,即统计运行程序时送给main函数的命令行参数个数. 第二个参数总是cha ...