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 相关文章推荐
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
Apr 23 Javascript
Javascript改变CSS样式(局部和全局)
Dec 18 Javascript
页面加载完毕后滚动条自动滚动一定位置
Feb 20 Javascript
在jquery boxy中添加百度地图坐标拾取注意流程
Apr 03 Javascript
学习javascript面向对象 掌握创建对象的9种方式
Jan 04 Javascript
JavaScript判断页面加载完之后再执行预定函数的技巧
May 17 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
Dec 26 Javascript
easyUI下拉列表点击事件使用方法
May 18 Javascript
node.js基于express使用websocket的方法
Nov 09 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
Jul 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函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
PHP中round()函数对浮点数进行四舍五入的方法
2014/11/19 PHP
PHP常用工具类大全附全部代码下载
2015/12/07 PHP
中高级PHP程序员应该掌握哪些技术?
2016/09/23 PHP
Zend Framework实现自定义过滤器的方法
2016/12/09 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
老生常谈ThinkPHP中的行为扩展和插件(推荐)
2017/05/05 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
table对象中的insertRow与deleteRow使用示例
2014/01/26 Javascript
浅析JS中document对象的一些重要属性
2014/03/06 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
JS简单获得节点元素的方法示例
2018/02/10 Javascript
JS随机数产生代码分享
2018/02/24 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
Vue获取微博授权URL代码实例
2020/11/04 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python检测主机的连通性并记录到文件的实例
2018/06/21 Python
python实时监控cpu小工具
2018/06/21 Python
django利用request id便于定位及给日志加上request_id
2018/08/26 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
html5的canvas方法使用指南
2014/12/15 HTML / CSS
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
法务专员岗位职责
2014/01/02 职场文书
初中物理教学反思
2014/01/14 职场文书
2014年单位植树节活动方案
2014/03/23 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
幼儿园教师求职信
2015/03/20 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书
pycharm2021激活码使用教程(永久激活亲测可用)
2021/03/30 Python