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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zyjustin9/article/details/84690659

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)

 

 

展开阅读全文

没有更多推荐了,返回首页