js实现页面自动跳转(不加重前页面，直接加载跳转页)

最新推荐文章于 2023-10-19 09:38:33 发布

ERICZHOU2426

最新推荐文章于 2023-10-19 09:38:33 发布

阅读量666

点赞数

原文链接：http://www.cnblogs.com/wangxy/p/4908164.html

版权

很多时候我们需要Web页具备有自动跳转功能，例如，论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后，若用户没有任何鼠标点击操作，过了一定的时间，页面自动跳转到预设的页面。本文讨论网页自动跳转的几种实现方法。

1.在 <head> </head> 标签里头添加:

HTML 代码复制

//(5:表示5秒钟刷新;url:表示要跳转到的页面名称(例如newPage.html)) 
<META HTTP-EQUIV='Refresh' CONTENT='5;URL=newPage.html'>

2.用JS,在 <head> </head> 标签里头添加如下JS:

JScript 代码复制

<script> 
 window.οnlοad=function() 
{ 
 setInterval("redirect();",3000); 
 } 
 function redirect() 
{ 
 window.location.href="new.aspx"; 
 } 
</script>

转载于:https://www.cnblogs.com/wangxy/p/4908164.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ERICZHOU2426

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JS实现网页自动跳转

Richard_Jason的专栏

10-24

4837

效果图：（5秒后跳转到百度）示例代码： #dv{border:4px #E8E8E9 double;margin:auto;width:600px;height:300px; background-color:#E8E8E8; /*设置透明度*/ filter:alpha(opacity=50)

前后端分离架构的实现

weixin_45569634的博客

05-08

1969

一、前言 “前后端分离”已经成为互联网项目开发的业界标杆，通过Tomcat+Nginx(也可以中间有个Node.js),有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。前后端分离（解耦）的核心思想是：前端Html页面通过Ajax调用后端的RestFul API并使用Json数据进行...

参与评论您还未登录，请先登录后发表或查看评论

页面加载完成，js实现自动跳转

02-05

js实现自动跳转，大家多下哈，资源难得，几秒种跳转只需要修改后面的参数就行了！

js自动跳转

qq_36943809的博客

12-17

212

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动跳转</title> <style> p{ text-align: center; ...

js实现网页自动跳转

09-29

js实现网页自动跳转倒计时！html新手必备！html新手必备！html新手必备！html新手必备！

js---5s自动跳转

yangmy_Shy的博客

04-29

563

html: <div id="demo"></div> js: <script type="text/javascript"> window.onload=function(){ var demo=document.getElementById("demo"); var count=5; //倒计时5秒； ...

vue地址栏直接输入路由无效问题的解决

10-17

在Vue.js应用中，直接在浏览器地址栏输入路由通常是可行的，但这依赖于正确的路由配置和设置。在某些情况下，可能会遇到输入路由后页面无法正确显示的问题，这通常与Vue Router的模式、历史记录管理和浏览器兼容性...

java页面查询结果分页

08-27

在进行数据库操作时，数据量往往非常庞大，将所有数据一次性加载到前端展示不仅会加重服务器负担，降低用户体验，还可能导致浏览器卡顿甚至崩溃。因此，分页技术成为了处理大数据量时不可或缺的一部分。根据给定文件...

详解SPA中前端路由基本原理与实现方式

10-18

此外，用户在不通过服务器时无法直接访问到页面的指定模块，网络条件差时还会导致页面加载的延迟，影响用户体验。随着单页应用（SPA）的兴起，前端路由应运而生，其核心在于页面不会重新加载，由前端自行处理用户...

浅谈前后端分离架构

IT-精英联盟

08-24

1091

前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。名词解释：在互联网架构中， web服务器：一般指像nginx，apache这类的

实现网页自动跳转

系统运维

10-14

105

将用户在浏览器中输入的url跳转到你设定的url 具体方法参见：http://wiki.jxqc.org/mediawiki/index.php?title=%E7%BD%91%E9%A1%B5%E8%87%AA%E5%8A%A8%E8%B7%B3%E8%BD%AC

javascript自动跳转设置

web

05-28

540

setTimeout("redirect();", ); 设置分页：$page $pagesize $offset = ($page-1)*$pagesize;$limit = "limit $offset,$pagesize"

javaScript页面加载后自动跳转

weixin_42051691的博客

04-21

6557

利用window计时时间实现 <script type="text/javascript"> function jump(){ window.setTimeout("window.location.href='/yqcms/index.jsp';",3000 ) } </script> onload :表示在这个页面加载时执行这个jump（）函数。...

js跳转到URL

sofia1217的专栏

05-12

1633

js onclick用法：跳转到指定URL 如果是本页显示可以直接用location,方法如下： onclick="javascript:window.location.href='URL'" onclick="location='URL'" onclick="window.location.href='URL?id=11'" 如果页面中有frame可以将在location前面添加t

JS控制页面跳转的5种方法

ithouse的专栏

07-15

3008

第一种：复制代码代码如下: window.location.href="login.jsp?backurl="+window.location.href; 第二种：复制代码代码如下: alert("返回"); window.history.back(-1); 第三种：

点击链接页面跳转后，返回不能停留在跳转之前的位置，而是跳转到页面最顶端

jning1115的博客

03-08

3259

异常原因：检查标签上的href是否写成#；原因是；在href后面带#导致页面无法准确定位，导致返回时页面直接跳转到顶端！！在不同的浏览器中当一个标签中既有onclick事件还有href时，当点击标签对页面进行跳转的时候不同浏览器所执行的顺序也会有略微的不同；IE6:href先触发 onclick 后触发，其他浏览器 onclick先触发href后触发处理：将href写成"JavaScript:;...

JS 实现页面跳转的几种方法