js打开新窗口方法整理


Posted in Javascript onFebruary 17, 2014

window.location="aaa.aspx"

上面的方法只能在当前页打开,如果要在新的页面打开,最简单的是用以下方法

form.target="_blank";
form.action="aaa.aspx";
form.submit();

window.top.location=url 可以在iframe中的页面在父窗口刷新打开

window.open方法可控制的样式丰富,比如我们可以控制窗口显示的大小,窗口显示的内容,以及位置等等。都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。

1,打开新窗口全屏

<html><head> 
<title>blue</title> 
<SCRIPT> 
function ow(owurl){ 
var tmp=window.open("about:blank","","fullscreen=1") 
tmp.moveTo(0,0); 
tmp.resizeTo(screen.width+20,screen.height); 
tmp.focus(); 
tmp.location=owurl; 
} 
</SCRIPT> 
</head> 
<body> 
<ahref="javascript:ow('http://www.aspxhome.com/');"> 
blog</a>

2,打开新窗口固定大小
<buttononclick="window.open('/red/','','width=800,height=300')">open1</button> 
<button onclick="varnewwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button> 
<buttononclick="window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3</button>

3,默认大小开启
<script> 
//tmtC_winMaximizer 
if (document.layers){ 
var larg=screen.availWidth-10; 
var altez=screen.availHeight-20;} 
else{ 
var larg=screen.availWidth-2; 
var altez=screen.availHeight;} 
self.resizeTo(larg,altez); 
self.moveTo(0,0); 
//tmtC_winMaximizerEnd 
</script> -------------------------------------------- 
<scriptlanguage="JavaScript"> 
<!-- 
self.moveTo(0,0) 
self.resizeTo(screen.availWidth,screen.availHeight) 
//--> 
</script>

4,正常打开打开一个弹出窗口
<scriptlanguage="JavaScript"> 
function WinOpen() { 
mesg=open("cnrose","DisplayWindow","toolbar=no,,menubar=no,location=no,scrollbars=no"); 
mesg.document.write("<HEAD><TITLE>中国asp之家</TITLE></HEAD>"); 
mesg.document.write("<CENTER>http://www.aspxhome</CENTER>"); 
} 
</script> 
<form> 
<input type="button" name="Button1" value="CN-Bruce"onclick="WinOpen()"> 
</form> ---------------------------------------------------------------------------------------------- 
<a href=#onclick=window.open('http://www.aspxhome','target','param')>a</a>

5,Chromeless Window For IE6 SP1
<HTML XMLNS:IE> 
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 
<IE:Download ID="include"STYLE="behavior:url(#default#download)" /> 
<title>ChromelessWindow</title> <SCRIPTLANGUAGE="JScript"> 
var CW_width = 400; 
var CW_height = 300; 
var CW_top = 100; 
var CW_left = 100; 
var CW_url = "http://www.cnbruce.com/bluebook/"; 
var New_CW = window.createPopup(); 
var CW_Body = New_CW.document.body; 
var content = ""; 
var CSStext = "margin:1px;color:black; border:2pxoutset;border-style:expression_r(onmouseout=onmouseup=function(){this.style.borderStyle='outset'},onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;"; 
//Build Window 
include.startDownload(CW_url,function(source){content=source}); 
function insert_content(){ 
var temp = ""; 
CW_Body.style.overflow = "hidden"; 
CW_Body.style.backgroundColor = "white"; 
CW_Body.style.border = "solid black 1px"; 
content = content.replace(/<a([^>]*)>/g,"<aonclick='parent.open(this.href);return false'$1>"); 
temp += "<table width=100% height=100% cellpadding=0cellspacing=0 border=0>"; 
temp += "<trstyle=';font-size:12px;background:#0099CC;height:20;cursor:default'ondblclick=\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\"onmouseup='parent.drag_up(event)'onmousemove='parent.drag_move(event)'onmousedown='parent.drag_down(event)' onselectstart='return false'oncontextmenu='return false'>"; 
temp += "<tdstyle='color:#ffffff;padding-left:5px'>ChromelessWindow For IE6 SP1</td>"; 
temp += "<tdstyle='color:#ffffff;padding-right:5px;'align=right>"; 
temp += "<span id=Help onclick=\"alert('ChromelessWindow For IE6 SP1 - Ver 1.0\\n\\nCode By Windy_sk\\n\\nSpecialThanks For andot')\"style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>"; 
temp += "<spanid=Min onclick='parent.New_CW.hide();parent.blur()'style=\""+CSStext+"font-family:Webdings;\"title='Minimum'>0</span>"; 
temp += "<spanid=Max onclick=\"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\"style=\""+CSStext+"font-family:Webdings;\"title='Maximum'>1</span>"; 
temp += "<span id=Closeonclick='parent.opener=null;parent.close()'style=\""+CSStext+"font-family:System;padding-right:2px;\"title='Close'>x</span>"; 
temp +="</td></tr><tr><tdcolspan=2>"; 
temp += "<div id=includestyle='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT:100%; width:"+CW_width+"'>"; 
temp += content; 
temp += "</div>"; 
temp +="</td></tr></table>"; 
CW_Body.innerHTML = temp; 
} 
setTimeout("insert_content()",1000); 
var if_max = true; 
function show_CW(){ 
window.moveTo(10000, 10000); 
if(if_max){ 
New_CW.show(CW_top, CW_left, CW_width, CW_height); 
if(typeof(New_CW.document.all.include)!="undefined"){ 
New_CW.document.all.include.style.width = CW_width; 
New_CW.document.all.Max.innerText = "1"; 
} 
}else{ 
New_CW.show(0, 0, screen.width, screen.height); 
New_CW.document.all.include.style.width = screen.width; 
} 
} 
window.onfocus = show_CW; 
window.onresize = show_CW; 
// Move Window 
var drag_x,drag_y,draging=false 
function drag_move(e){ 
if (draging){ 
New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width,CW_height); 
return false; 
} 
} 
function drag_down(e){ 
if(e.button==2)return; 
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height)return; 
drag_x=e.clientX; 
drag_y=e.clientY; 
draging=true; 
e.srcElement.setCapture(); 
} 
function drag_up(e){ 
draging=false; 
e.srcElement.releaseCapture(); 
if(New_CW.document.body.offsetWidth==screen.width&&New_CW.document.body.offsetHeight==screen.height) return; 
CW_top = e.screenX-drag_x; 
CW_left = e.screenY-drag_y; 
} 
</SCRIPT> 
</HTML>

6,打开即全屏
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 
<title>js打开新窗口方法代码收集 - 中国asp之家 -http://www.aspxhome</title> 
<link href="index.css" rel="stylesheet"type="text/css"> 
<script language="JavaScript"type="text/JavaScript"> 
<!-- 
function MachakFull(Ie,other){ 
x=screen.availWidth; 
y=screen.availHeight; 
target =parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length)); 
if((navigator.appVersion.indexOf("Mac")!=-1)&&(navigator.userAgent.indexOf("MSIE")!=-1)&&(parseInt(navigator.appVersion)==4)) 
window.open(other,"sub",'scrollbars=yes'); 
if (target >= 4){ 
if (navigator.appName=="Netscape"){ 
varMachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0'); 
MachakFull.moveTo(0,0); 
MachakFull.resizeTo(x,y);} 
if (navigator.appName=="Microsoft Internet Explorer") 
window.open(Ie,"MachakFull","fullscreen=yes"); 
} 
else window.open(other,"sub",'scrollbars=yes'); 
} function MM_goToURL() { //v3.0 
var i, args=MM_goToURL.arguments; document.MM_returnValue =false; 
for (i=0; i<(args.length-1); i+=2)eval_r(args[i]+".location='"+args[i+1]+"'"); 
} 
//--> 
</script> 
</head> 
<body bgcolor="#3366CC" SCROLL=NOonload="MachakFull('/bbs/','')"> 
---------------------------------------------------------------------------------------------- 
<script> 
window.open('/','','fullscreen=1'); 
window.close(); 
</script>

7,网页对话框
<script> 
window.onload=function(){ 
varfeatures='status:0;dialogWidth:470px;dialogHeight:470px;dialogTop:100px;dialogLeft:100px;resizable:0;scroll:0;center:1'; 
showModelessDialog("http://www.aspxhome/",window,features); 
} 
function show(laysn) 
{ 
var obj; 
obj=laysn.style; 
obj.visibility='visible'; 
} 
function hidden(laysn) 
{ 
var obj; 
obj=laysn.style; 
obj.visibility='hidden'; 
} 
</script>

8,子窗口打开,关闭父窗口
<script> 
window.open('http://www.aspxhome.com/','','width=790,height=590'); 
window.opener=null; 
window.close(); 
</script>
Javascript 相关文章推荐
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
Sep 10 Javascript
JS验证全角与半角及相互转化的介绍
May 18 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
新版vue-cli模板下本地开发环境使用node服务器跨域的方法
Apr 03 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
May 09 Javascript
页面点击小红心js实现代码
May 26 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
如何用Node写页面爬虫的工具集
Oct 26 Javascript
微信小程序实现日历签到
Sep 21 Javascript
Bootstrap FileInput实现图片上传功能
Jan 28 Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 #Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 #Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 #Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 #Javascript
jquery的ajax简单结构示例代码
Feb 17 #Javascript
toggle()隐藏问题的解决方法
Feb 17 #Javascript
Jquery获取和修改img的src值的方法
Feb 17 #Javascript
You might like
PHP框架性能测试报告
2016/05/08 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
PHP按符号截取字符串的指定部分的实现方法
2018/09/10 PHP
js获取单选按钮的数据
2006/11/27 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
jquery创建并行对象或者合并对象的实现代码
2012/10/10 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
JQuery以JSON方式提交数据到服务端示例代码
2014/05/05 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
js中跨域方法原理详解
2015/07/19 Javascript
jquery可定制的在线UEditor编辑器
2015/11/17 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
jQuery弹出层插件popShow用法示例
2017/01/23 Javascript
基于Vue.js实现tab滑块效果
2017/07/23 Javascript
vue 粒子特效的示例代码
2017/09/19 Javascript
promise和co搭配生成器函数方式解决js代码异步流程的比较
2018/05/25 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
2019/07/09 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
[03:11]完美世界DOTA2联赛PWL DAY8集锦
2020/11/09 DOTA
python中迭代器(iterator)用法实例分析
2015/04/29 Python
python3解析库pyquery的深入讲解
2018/06/26 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
CSS3结构性伪类选择器九种写法
2012/04/18 HTML / CSS
CSS3实现全景图特效示例代码
2018/03/26 HTML / CSS
GafasWorld哥伦比亚:网上购买眼镜
2017/11/28 全球购物
员工薪酬福利制度
2014/01/17 职场文书
大二学习计划书范文
2014/04/27 职场文书
流动人口婚育证明
2014/10/19 职场文书
2014年检验科工作总结
2014/11/22 职场文书
法律进社区活动总结
2015/05/07 职场文书
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
Python一些基本的图像操作和处理总结
2021/06/23 Python