ASP.NET结合JavaScript实现页面自动跳转

作者:闭包旅人

时间:2026-10-29

浏览:551

本文介绍在ASP.NET环境下,通过C#后端与前端JavaScript配合实现页面自动跳转的方法。示例代码展示了如何在VS208环境中设置5秒倒计时,并在倒计时结束后自动重定向至指定网址,同时提供手动立即跳转的链接。

文章目录

ASP.NET结合JavaScript实现页面自动跳转

在ASP.NET开发中,可以通过结合C#后端与JavaScript前端脚本来实现页面的自动跳转功能。经过测试,该方法在Visual Studio 2008及C#环境下运行正常。


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  
  <script type="text/javascript">
    var i = 5;
    
    // 获取登录事件,并处理自动跳转
    window.onload = function JumpPage() 
    {
      document.getElementById("time").innerText = i;
      
      // 计时为0后,立即跳转
      i--;
      if (i < 0) 
      {
        location.replace("http://www.baidu.com");
      }
      setTimeout("JumpPage()", 1000);
    }
  </script>
</head>
<body>
  <form id="form2" runat="server">
    <div id="AutoJumpPage">
      欢迎您,本页将在<span id="time" style="color: #FF0000"></span>秒后自动跳转至<a href="http://www.baidu.com">百度</a>
      <br /><br />
      如需立即跳转,请直接点击 <a href="http://www.baidu.com" style="color: #FF00FF">立即跳转>></a>
    </div>
  </form>
</body>
</html>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章