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 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
javascript 面向对象 function类
May 13 Javascript
javascript天然的迭代器
Oct 29 Javascript
三种方式获取XMLHttpRequest对象
Apr 21 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
js实现右键菜单功能
Nov 28 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
详解vue中移动端自适应方案
May 05 Javascript
新手快速入门微信小程序组件库 iView Weapp
Jun 24 Javascript
Vue使用axios引起的后台session不同操作
Aug 14 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中在foreach中使用foreach ($arr as &amp;$value) 这种类型的解释
2013/06/24 PHP
js实时监听文本框状态的方法
2011/04/26 Javascript
Jquery 表单验证类介绍与实例
2013/06/09 Javascript
JS+CSS设置img在DIV中只显示Img垂直居中的部分
2013/10/24 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
vue组件传递对象中实现单向绑定的示例
2018/02/28 Javascript
vue路由组件按需加载的几种方法小结
2018/07/12 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
js异步上传多张图片插件的使用方法
2018/10/22 Javascript
trackingjs+websocket+百度人脸识别API实现人脸签到
2018/11/26 Javascript
浅谈JavaScript闭包
2019/04/09 Javascript
Laravel admin实现消息提醒、播放音频功能
2019/07/10 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
python3模拟百度登录并实现百度贴吧签到示例分享(百度贴吧自动签到)
2014/02/24 Python
python代码实现ID3决策树算法
2017/12/20 Python
Python元字符的用法实例解析
2018/01/17 Python
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
Python如何急速下载第三方库详解
2020/11/02 Python
仿酷狗html5手机音乐播放器主要部分代码
2013/05/15 HTML / CSS
销售部主管岗位职责
2013/12/18 职场文书
大学生如何写自荐信
2014/01/08 职场文书
留学推荐信中文范文三篇
2014/01/25 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
新文化运动的口号
2014/06/21 职场文书
2014小学二年级班主任工作总结
2014/12/05 职场文书
2014年高二班主任工作总结
2014/12/16 职场文书
检讨书范文500字
2015/01/28 职场文书
社区党员干部承诺书
2015/05/04 职场文书
2016年秋季运动会加油稿
2015/12/21 职场文书