HTML如何实现页面跳转(html跳转到指定页面)

1、html中使用meta中跳转,通过meta可以设置跳转时间和页面<head><!–只是刷新不跳转到其他页面–><metahttp-equiv="refresh"content="5"><!–定时转到其他页面–><metahttp-equiv="refresh&quot

大家好,又见面了,我是你们的朋友全栈君。

1、html中使用meta中跳转,通过meta可以设置跳转时间和页面

<head>
    <!--只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="5">
    <!--定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=index.html"> 
</head>

 

2、通过javascript中实现跳转

1 // 直接跳转
2 window.location.href='index.html';
3 // 定时跳转
4 setTimeout("javascript:location.href='index.html'", 5000);

 

3、html跳转上一页的方式

window.history.go(-1);或者window.history.back(-1);

 

1 <script type="text/javascript">
2     var wrong = document.getElementById('btn');
3     wrong.onclick = function() { 
4     window.history.go(-1);//返回上一页
5     window.history.back(-1);//返回上一页
6    }
7 </script>

 

 

在html中写

<a href=”#” onClick=”JavaScript :history.back(1);”>返回上一页</a>
<a href=”#” onClick=”javascript :history.Go(-1);”>返回上一页</a>

 

 

在Js中网页跳转的写法

1、window.location.href

1 window.location.href="http://www.baidu.com"; //在原有窗口打开

 

2.window.navigate方式跳转

1 window.navigate("http://www.baidu.com");

 

 

1 function toBooks() {
2     
3     //在原有窗口打开
4     window.location.href = "http://www.baidu.com";
5     //打开新的窗口
6     window.open("http://www.baidu.com");
7 }

 

 

直接跳转加参数

<script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href; 
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/128066.html原文链接:https://javaforall.net

(1)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • R语言用随机森林和文本挖掘提高航空公司客户满意度

    R语言用随机森林和文本挖掘提高航空公司客户满意度

    2021年7月9日
    66
  • 二维数组初始化规则

    二维数组初始化规则二维数组初始化的形式为:  数据类型数组名[整常量表达式][整常量表达式]={初始化数据};  在{}中给出各数组元素的初值,各初值之间用逗号分开。把{}中的初值依次赋给各数组元素。  有如下几种初始化方式:  ⑴分行进行初始化  inta[2][3]={{1,2,3},{4,5,6}};  在{}内部再用{}把各行分开,第一对{}中的初值1,2,3是0行的3个元素的初值。第…

    2022年7月18日
    14
  • 后端框架flask学习小记[通俗易懂]

    后端框架flask学习小记[通俗易懂]1.写在前面最近在和几个伙伴尝试搭建一个新闻推荐系统,算是一个推荐算法的实战项目,里面涉及到了前后端交互,该项目里面,使用了Flask作为后台框架,为了理清楚整个系统的交互,所以就快速参考着资料学习了下flask,主要还是参考伙伴们写的flask简介和基础的内容,加上了一些其他理解和实验辅助,整理一篇心得文章,算是flask初步入门。对于一个算法工程师来讲,后端这块虽然不必详细弄清楚原理,但学习一些开发相关知识还是有好处的,因为在实际工作中经常会调试线上的代码调用策略或者模型,我们至少

    2022年6月6日
    59
  • Silverlight网站实例资源收集(1)

    Silverlight网站实例资源收集(1)Silverlight做的试用VisualStudio2008http://www.challenges.com.cn/ 全功能的相册http://msbluelight-0.agappdom.net/e1/d/72193/13304799/63356644800/0.vpFl7uJ79e1H4xExhhjCX701HlA/zziframehtml2zz.html#%2f%2

    2022年10月18日
    4
  • window location href 跳转之后怎么获得后面带参数

    window location href 跳转之后怎么获得后面带参数functionGetRequest(){varurl=location.search;//获取url中"?"符后的字串vartheRequest=newObject();if(url.indexOf("?")!=-1){varstr=url…

    2022年7月13日
    34
  • linux解压zip多种命令,Linux常用几种打包、压缩、解压命令,(备用)

    linux解压zip多种命令,Linux常用几种打包、压缩、解压命令,(备用)01-.tar格式解包:[*******]$tarxvfFileName.tar打包:[*******]$tarcvfFileName.tarDirName(注:tar是打包,不是压缩!)02-.gz格式解压1:[*******]$gunzipFileName.gz解压2:[*******]$gzip-dFileName.gz压缩:[*******]$gzipFile…

    2022年6月1日
    40

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号