javascript实现页面跳转的几种方式

最新推荐文章于 2025-05-31 09:35:27 发布

caixiexin

最新推荐文章于 2025-05-31 09:35:27 发布

阅读量3.9k

点赞数

分类专栏： javascript 编程日记 Web开发文章标签： javascript function 2010

编程日记同时被 3 个专栏收录

99 篇文章

订阅专栏

Web开发

9 篇文章

订阅专栏

javascript

4 篇文章

订阅专栏

本文介绍了使用JavaScript实现页面跳转的多种方式，包括直接跳转、后退、通过弹出选择框或提示框跳转等，并提供具体代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：

http://www.cnblogs.com/ylch222/archive/2010/06/07/1752975.html

第一种：跳转

 <script language="javascript" type="text/javascript"> 

     window.location.href="login.jsp?backurl="+window.location.href; 

 </script>

第二种：后退

 <script language="javascript"> 

         alert("返回"); 

         window.history.back(-1);    
 </script>

第三种：

 <script language="javascript"> 

       window.navigate("top.jsp";   

 </script>

第四种：

 <script language="JavaScript">           

       self.location=’top.htm’;    

 </script>

第五种：

<script language="javascript">           

        alert("非法访问！");           

        top.location=’xx.jsp’;    

 </script>

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

<script language="javascript"> 

         <!-- 

         function logout()...{ 

                 if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{ 

                         window.location.href="logout.asp?act=logout" 

                 } 

         } 

         --> 
 </script>

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

 <script language="javascript"> 

        <!-- 

        function logout()...{ 

                alert("你确定要注销身份吗？"); 

                window.location.href="logout.asp?act=logout" 

        } 
        --> 

 </script>

最后一种：

加一个 onchange事件就好了

<script type="javascript/text"> 

 function tiaozhuan(obj){ 

 if(obj.value == "") return; 

  
  if(obj.value=1){ 
   obj.form.action="wo.do"; 

  } else { 

   obj.form.action="ta.do"; 

  } 

 obj.form.submit(); 

  

 } 

 </script> 

 <form> 

 <select onchange="tiaozhuan(this)"> 

 <option value="1">taiyou</option> 

 <option value="2">getsu</option> 
 </select> 

 </form>