打开窗口(新链接): 4种
1. 在当前窗口打开, 可以后退
html: <a href="url" target="_self">
js: /*window.*/open("url","_self")
2. 在当前窗口打开, 禁止后退
js: location.replace("新url")
3. 在新窗口打开,可打开多个
html: <a href="url" target="_blank">
js: open("url","_blank")
4. 在新窗口打开,只能打开一个
html: <a href="url" target="自定义窗口名">
js: open("url","自定义窗口名")
原理: 每个窗口都有一个隐藏的name属性
在打开窗口时,通过target指定的
浏览器规定: 相同name属性的窗口只能打开一个
后打开的会替换先打开的
如果:
_self: 自动获得当前窗口的name,用于新窗口
结果: 新窗口,替换当前窗口
_blank: 不指定窗口名,浏览器会随机分配窗口名
关闭: /*window.*/close();
实例
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title>打开新链接方式总结</title> 6 <script> 7 /*打开新链接方式总结: 8 1. 在当前窗口打开,可后退 9 2. 在当前窗口打开,不可后退 10 3. 在新窗口打开,可打开多个 11 4. 在新窗口打开,只能打开一个 12 */ 13 function open1(){ 14 open("http://www.baidu.com","_self"); 15 } 16 function open2(){ 17 location.replace("http://www.baidu.com"); 18 } 19 function open3(){ 20 open("http://www.baidu.com","_blank"); 21 } 22 function open4(){ 23 open("http://www.baidu.com","tmooc"); 24 } 25 </script> 26 </head> 27 <body> 28 <a href="http://www.baidu.com" target="_self">在当前窗口打开,可后退</a><br> 29 <a href="javascript:open1()">在当前窗口打开,可后退(js)</a><br> 30 <hr> 31 <a href="javascript:open2()">在当前窗口打开,禁止后退(js)</a><br> 32 <hr> 33 <a href="http://www.baidu.com" target="_blank">在新窗口打开,可打开多个</a><br> 34 <a href="javascript:open3()">在新窗口打开,可打开多个(js)</a><br> 35 <hr> 36 <a href="http://www.baidu.com" target="tmooc">在新窗口打开,只能打开一个</a><br> 37 <a href="javascript:open4()">在新窗口打开,只能打开一个(js)</a><br> 38 <hr> 39 </body> 40 </html>