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)