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查看html源文件
Nov 08 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
Javascript原型链的原理详解
Jan 05 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
Mar 08 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
Sep 07 Javascript
不使用 JS 匿名函数理由
Nov 17 Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
javascript实现贪吃蛇小游戏
Jul 28 Javascript
通过实例解析js可枚举属性与不可枚举属性
Dec 02 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的无限分类实现想法~
2007/01/02 PHP
PHP 七大优势分析
2009/06/23 PHP
php面向对象全攻略 (九)访问类型
2009/09/30 PHP
PHP缩略图等比例无损压缩,可填充空白区域补充色
2011/06/10 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
说说JSON和JSONP 也许你会豁然开朗
2012/09/02 Javascript
js格式化时间的方法
2015/12/18 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
JS验证input输入框(字母,数字,符号,中文)
2017/03/23 Javascript
浅谈angularjs中响应回车事件
2017/04/24 Javascript
jquery获取链接地址和跳转详解(推荐)
2017/08/15 jQuery
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
2020/02/03 Javascript
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
详谈Python基础之内置函数和递归
2017/06/21 Python
Python读取properties配置文件操作示例
2018/03/29 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
详解django自定义中间件处理
2018/11/21 Python
python实现桌面气泡提示功能
2019/07/29 Python
Python实现自动访问网页的例子
2020/02/21 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
python连接mysql数据库并读取数据的实现
2020/09/25 Python
Python爬虫UA伪装爬取的实例讲解
2021/02/19 Python
购买限量版收藏品、珠宝和礼品:Bradford Exchange
2016/09/23 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
身边的榜样活动方案
2014/08/20 职场文书
小学优秀教师材料
2014/12/15 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL
Python实现socket库网络通信套接字
2021/06/04 Python
MongoDB支持的索引类型
2022/04/11 MongoDB