js打开新窗口多种方法与代码_js弹窗对话框

当前位置：首页 > 脚本编程 > javascript实例 > js弹窗对话框 > 正文

js打开新窗口多种方法与代码: 发布时间：2019-10-25编辑：脚本学堂

分享下js打开新窗口的方法，很全面的js新开窗口方法与代码，感兴趣的朋友参考下。

最简单的新开窗口方法：

复制代码代码示例:

window.location="aaa.aspx"

以上只能在当前页打开，如果要在新的页面打开，用以下方法：

复制代码代码示例:

form.target="_blank"; 

form.action="aaa.aspx"; 

form.submit();

window.top.location=url 可以在iframe中的页面在父窗口刷新打开

window.open方法可控制的样式丰富，比如我们可以控制窗口显示的大小，窗口显示的内容，以及位置等。
都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。

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.jb200.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，默认大小开启

复制代码代码示例:

<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.jbxue</CENTER>"); 

} 

</script> 

<form> 

<input type="button" name="Button1" value="CN-Bruce"onclick="WinOpen()"> 

</form> 

<a href=#onclick=window.open('http://www.jbxue','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>

1/2 1 2 下一页尾页

上一篇：右下角弹出信息窗口(示例代码)
下一篇：如何弹出页面窗口选择返回值

与 js打开新窗口多种方法与代码有关的文章

本文标题：js打开新窗口多种方法与代码
本页链接：http://www.jb200.com/article/17109.html

浏览排行

栏目分类

热点文章

js打开新窗口多种方法与代码