js实现页面跳转,纯html实现网页定时跳转

<!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>
    <title>登陆页面</title>
    <script type="text/javascript">
        function OpenWindow() {
            window.location.href = "Frame/Login.htm";     //要跳转到的页面的路径
        }
    </script>
</head>
<body >           //页面加载时 调用该方法 实现页面跳转
</body>
</html>

以上是用js实现页面跳转的全部代码

用纯html也可以实现页面跳转

<!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>
    <title></title>
    <meta http-equiv="refresh" content="0;url=Frame/Login.htm"/>     //<meta>标签设置 自动跳转的时间和跳转到的页面地址
</head>
<body>
</body>
</html>

html中的<meta>标签中的属性  http-equiv属性中的refresh不仅能够完成页面自身的自动刷新,也可以实现页面之间的跳转过程。

<meta http-equiv="refresh" content="跳转时间;url=跳转到的地址"/>

refresh表示网页的刷新,在content中设置刷新的时间和刷新后的链接地址,时间和链接地址之间用分号相隔。时间单位位秒。

本人原创,技术有限,如有错误,欢迎补充指正。

js实现页面跳转,纯html实现网页定时跳转

时间: 2024-10-23 18:00:36

js实现页面跳转,纯html实现网页定时跳转的相关文章

js控制页面跳转,清缓存,强制刷新页面

单看标题,必定满脸蒙13. 其实,想表达的仅仅是,在js中通过window.location.href控制页面跳转时,有时会跳转至缓存页面,并没有真正去请求要跳转的地址,导致页面数据未能及时加载刷新. 直奔code... 解决办法: 在HTML中埋入隐藏from,通过js调用from进行请求链接地址 <form id='hidden_submit_info' method="post" enctype="multipart/form-data" action=

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

JS实现页面跳转

js实现页面的跳转具体有几种方法: location.href :表示当前页面链接地址 例子:最外层页面为(main.html主页面),分上(top.html)页面,左(left.html)页面,右(right.html页)面3个<frame>子页面, http://localhost:8080/Spring_shizhan4ban_Chapter05/resources/js/main.html http://localhost:8080/Spring_shizhan4ban_Chapter

js中页面刷新和页面跳转的方法总结 [ 转自欢醉同学 ]

.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: <a href="javascri

总结JS实现页面的刷新和跳转

使用iframe.弹出子页面刷新父页面iframeparent.location.reload(); 弹出子页面window.opener.location.reload();--这个方法是我尝试过的,可以成功实现我想要的功能,其他的没有尝试,不能保证绝对的正确. 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location

js实现页面跳转重定向多种方法

分享下js实现页面跳转重定向的几种方式. 第一种: <script language="javascript"type="text/javascript"> window.location.href="http://www.jbxue.com"; </script> 第二种: <script language="javascript"> alert("返回"); wind

[转]js实现页面定时跳转

其实很简单的一件事情,使用js提供的setTimeout()函数则可以完成了. 下面是简单的代码实现: [html] view plaincopy <html> <head></head> <body> <h1>提交成功</h1> <a href="http://www.so.com">3秒后系统会自动跳转,也可点击本处直接跳</a> </div></div><

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

第一种: 复制代码代码如下: <script language="javascript" type="text/javascript">           window.location.href="login.jsp?backurl="+window.location.href;     </script> 第二种: 复制代码代码如下: <script language="javascript"

JS实现页面内跳转

使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id): 在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法: 1 var oneTop = $("#aa").offset().top; 2 jQuery("html", "body").animate({ scrollTop: oneTop }, 0); 经过测试,如果不需要有滑动动画的话,可使用下面的语