[整理] 页面跳转代码

最新推荐文章于 2023-10-23 21:21:00 发布

转载最新推荐文章于 2023-10-23 21:21:00 发布 · 774 阅读

本文详细介绍了JavaScript中页面跳转的多种方法，包括直接使用`window.location`和`document.location`，以及通过HTML头部元标记实现延时跳转。同时展示了利用JavaScript创建加载进度条的过程，为开发者提供了实用的页面跳转技巧。

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

这年头，真是好记性不如烂笔头。学的快，忘的快。刚才工作中要用到页面跳转，却又记不清楚了。

故特意整理了一下，用做以后参考。

第一篇: JavaScript 跳转

方法一:

<script language="javascript"> window.location = "http://www.baidu.com"; </script>

方法二:

<script language="javascript"> document.location = "http://www.baidu.com"; </script>

方法三：（带进度条）

<html> <head> <meta http-equiv="Content-Language" content="zh-cn"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> <title>跳转到baidu.com</title> </head> <body> <form name=loading> <P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT> <INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BACKGROUND-COLOR: white; BORDER-BOTTOM-style: none" size=46 name=chart> <BR> <INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center"size=47 name=percent> <script language="javascript"> var bar=0 var line="||" var amount="||" count() function count(){ bar=bar+2 amount =amount + line document.loading.chart.value=amount document.loading.percent.value=bar+"%" if (bar<99){ setTimeout("count()",100); }else{ window.location = "http://www.baidu.com/"; } } </script> </P> </form> </body> </html>

第二篇: 页面跳转

<head> <meta http-equiv="refresh" content="10; url=http://www.baidu.com"> </head>

第三篇: 动态页面跳转

方法一: PHP 跳转

<?php header("location: http://www.baidu.com"); ?>

方法二: ASP 跳转

<% response.redirect "http://www.baidu.com" %> FYI: <% Dim ID1 Dim ID2 dim str ID1 = Request("forumID") ID2 = Request("threadID") str="/blog/threadview.asp?forumID="& ID1 &"&threadID=" & ID2 response.redirect str %>