Js的打开新窗口、关闭窗口以及后退的几种方式

Js的打开新窗口、关闭窗口以及后退的几种方式

一.打开新窗口：

js方法：

window.open("http://www.aa.com");  //缺点：容易被浏览器屏蔽

a标签：

<a href="http://www.aa.com" title="新窗口" target="_blank">打开新窗口</a>

 

对比——当前窗口显示新内容：

js方法：

window.location.href="http://www.aa.com";   //在iframe中显示新内容很适用！
简单点亦可：location.href="http://www.aa.com"; 

a标签：

<a href="http://www.aa.com" title="当前窗口">当前窗口显示新内容</a>

 

复杂示例：定义参数的打开新窗口

<script language="javascript" type="text/javascript">
       window.open ('dollare.html','newwindow','height=100,width=400,top=0,
       	left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no');
       //（其中yes/no也可使用1/0）
</script>

效果：宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

 

 

二.关闭窗口：

js方法：

// 这个脚本是 ie6和ie7 通用的脚本
<script language="javascript">
function close(){
	if (confirm("您确定要关闭本页吗？")){
		window.opener=null;
		window.open('','_self');
		window.close();
	}
}
</script>

<input id="btnClose" type="button" value="关闭本页" onClick="close()" />

 

a标签：

<a href="javascript:window.opener=null;window.open('','_self');window.close();">关闭</a>
简化点亦可：<a href="javascript:window.close();">关闭</a>

 

 

三.后退：

(1).window.history.go(-1);
(2).window.history.back();
(3).window.location.href = "上一页的url";

注：window可省略。

 

示例：

(1). history.go(-1), 返回两个页面: history.go(-2);
(2). history.back().
(3). window.history.forward()返回下一页
(4). window.history.go(返回第几页,也可以使用访问过的URL)