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打开新窗口不被浏览器 ...
随机推荐
- H5---禁止长按
以上行为可以总结成这几个(每个手机以及浏览器的表现形式不一样):长按图片保存.长按选择文字.长按链接/手机号/邮箱时呼出菜单. 想要禁止这些浏览器的默认行为,可以使用以下CSS: // 禁止长按图片保 ...
- Byte 一个字节的数据大小范围为什么是-128~127
一个字节是8位,最高位是符号位,最高位为0则是正数.最高位为1则是负数 如果一个数是正数,最大数则为:01111111,转为十进制为127, 如果一个数是负数,按照一般人都会觉得是11111111,转 ...
- 【database】oracle触发器基础
一.oracle触发器基本语法 CREATE [OR REPLACE] TRIGGER trigger_name {BEFORE | AFTER } {INSERT | DELETE | UPDATE ...
- HTML+PHP+MySQL 制作最基础的登录页面及验证
第一步 进入mysql操作终端 新建一个数据库web1:create database web1; 然后在这个数据库里面新建一张表test:create table test(user varchar ...
- react-发表评论案例
评论列表组件 import React from 'react' import CMTItem from './CmtItem.jsx' import CMTBox from './CmtBox.js ...
- 【Unity|C#】基础篇(19)——集合库(Collections)
[学习资料] <C#图解教程>(第6章):https://www.cnblogs.com/moonache/p/7687551.html 电子书下载:https://pan.baidu.c ...
- 0004 工程配置settings.py
两个目录的区别: 工程目录是指包含manage.py文件的目录 配置目录是批包含settings.py文件的目录 在配置目录中找到并打工settings.py文件,做以下配置: 01 DEBUG DE ...
- MySQL的联表查询
MySQL的联表查询 首选:分析查询的字段来自哪些表 进而:确定交集 然后:确定判断的条件 比如:从student表 和 result表 查学号.考试名称.学时.考试日期.考试成绩 表1: 学号 考试 ...
- PWA - 整体(未完)
渐进式 Web 应用(PWA) 运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序. PWA 的优势 可被发现 易安装 manifest(https://develop ...
- Codeforce 519B - A and B and Compilation Errors
A and B are preparing themselves for programming contests. B loves to debug his code. But before he ...