手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js打开新窗口方法整理
js打开新窗口方法整理
摘要:window.location="aaa.aspx"上面的方法只能在当前页打开,如果要在新的页面打开,最简单的是用以下方法form.targ...

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>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">

<>

</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.0nnCode By Windy_sknnSpecialThanks 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">

<>

</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>

【js打开新窗口方法整理】相关文章:

javascript中FOREACH数组方法使用示例

js+html5绘制图片到canvas的方法

jquery预加载图片的方法

Node.js中JavaScript操作MySQL的常用方法整理

JavaScript实现点击文字切换登录窗口的方法

js验证上传图片的方法

js输入中文效果

javascript无刷新评论实现方法

js+html5通过canvas指定开始和结束点绘制线条的方法

js实现一个链接打开两个链接地址的方法

精品推荐
分类导航