1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-1.11.3.min.js"></script> 7 </head> 8 <body> 9 <!-- --> 10 <!--第一、二种是在新窗口打开;第三、四、五种方法是原页面打开--> 11 <!-- --> 12 13 14 <!-- 第一种方法是a标签跳转 --> 15 <a href="2.html" target="_blank">aaaa</a> 16 <!--二、三、四种--> 17 <div id="btn">跳转至页面2</div> 18 <!--五种--> 19 <button onClick="logout()">Logout</button> 20 </body> 21 22 <!-- 第二种 --> 23 <script> 24 $(function(){ 25 $("#btn").click(function(){ 26 window.open(‘2.html‘); 27 }); 28 }); 29 </script> 30 31 <!-- 第三种 --> 32 <script language="JavaScript"> 33 window.history.forward(1); 34 35 </script> 36 <script> 37 $(function(){ 38 $("#btn").click(function(){ 39 window.location=‘2.html‘; 40 }) 41 }) 42 </script> 43 44 <!-- 第四种 --> 45 <script> 46 $(function(){ 47 history.go(1); 48 $("#btn").click(function(){ 49 window.location=‘2.html‘; 50 }) 51 }) 52 </script> 53 54 <!-- 第五种 --> 55 <script language="JavaScript"> 56 function logout(){ 57 window.close(true); 58 window.open("2.html"); 59 } 60 </script> 61 </html>
时间: 2024-10-22 18:53:28