大成网站管理系统

前端开发--页面跳转的几种用法

来源:大成网站管理系统 日期:2020-11-19 09:21:10 属于:前端开发

按钮式: 

  1. <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.lyseo.net/'">  


链接式: 

  1. <a href="javascript:history.go(-1)">返回上一步</a>  
  2. <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>  


直接跳转式: 

  1. <script>window.location.href='http://www.lyseo.net';</script>  


开新窗口: 

  1. <a href="javascript:" onClick="window.open('http://www.lyseo.net/','','height=500,width=611,scrollbars=yes,status=yes')">net</a>  


JS跳转页面参考代码


第一种: 

  1. <script language="javascript" type="text/javascript">  
  2. window.location.href="login.jsp?backurl="+window.location.href;  
  3. </script>  


第二种: 

  1. <script language="javascript">  
  2. alert("返回");  
  3. window.history.back(-1);  
  4. </script>  


第三种: 

  1. <script language="javascript">  
  2. window.navigate("top.jsp");  
  3. </script>  





第四种: 

  1. <script language="JavaScript">  
  2. self.location='top.htm';  
  3. </script>  


第五种: 

  1. <script language="javascript">  
  2. alert("非法访问!");  
  3. top.location='xx.jsp';  
  4. </script>  


=====javascript中弹出选择框跳转到其他页面=====
 

  1. <script language="javascript">  
  2. <!--  
  3. function logout(){  
  4.   if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消")){  
  5.     window.location.href="logout.asp?act=logout"  
  6.   }  
  7. }  
  8. -->  
  9. </script>  

 
=====javascript中弹出提示框跳转到其他页面=====
 

  1. <script language="javascript">  
  2. <!--  
  3. function logout(){  
  4.   alert("你确定要注销身份吗?");  
  5.   window.location.href="logout.asp?act=logout"  
  6. }  
  7. -->  
  8. </script>  


如果想像<a>标记的target='_blank'弹出一个新页面,可以使用:window.open(url);

相关前端开发
    暂无信息