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 tabpanel限制选项卡数量实现思路及代码
Apr 02 Javascript
jQuery中delegate和on的用法与区别详细解析
Jan 26 Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 Javascript
JavaScript实现基于Cookie的存储类实例
Apr 10 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
jQuery遍历节点方法汇总(推荐)
May 13 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
javascript 构建模块化开发过程解析
Sep 11 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
深入解析微信小程序开发中遇到的几个小问题
Jul 11 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
基于文本的留言簿
2006/10/09 PHP
PHP多个版本的分析解释
2011/07/21 PHP
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
php抽象方法和抽象类实例分析
2016/12/07 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
PHP封装curl的调用接口及常用函数详解
2018/05/31 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
js 文件引入实现代码
2010/04/23 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
基于jQuery Ajax实现上传文件
2016/03/24 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
2020/05/16 Javascript
AngularJS 如何在控制台进行错误调试
2016/06/07 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
JS实现小米轮播图
2020/09/21 Javascript
jquery简易手风琴插件的封装
2020/10/13 jQuery
详解React中共享组件逻辑的三种方式
2021/02/02 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
python zip文件 压缩
2008/12/24 Python
简单介绍Python中的len()函数的使用
2015/04/07 Python
python3实现windows下同名进程监控
2018/06/21 Python
python numpy数组的索引和切片的操作方法
2018/10/20 Python
解决Python安装时报缺少DLL问题【两种解决方法】
2019/07/15 Python
解决Tensorflow 内存泄露问题
2020/02/05 Python
python GUI库图形界面开发之PyQt5布局控件QVBoxLayout详细使用方法与实例
2020/03/06 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
python re模块常见用法例举
2021/03/01 Python
戴森英国官网:Dyson英国
2019/05/07 全球购物
应届生会计求职信
2013/11/11 职场文书
求职信范文怎么写
2014/01/29 职场文书
小学英语教学反思
2014/01/30 职场文书
幼儿园教育教学反思
2014/01/31 职场文书
运动会领导邀请函
2014/02/05 职场文书
食品安全工作方案
2014/05/07 职场文书
会计岗位职责范本
2015/04/02 职场文书