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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • rsyslog丢数据_linux日志自动丢失

    rsyslog丢数据_linux日志自动丢失最近发现跑keepalived的几台机器的日志总是打印不完,还好给抛了一个报错,信息如下:[root@yw_lvs2_backupetc]#tail-n1000000/var/log/messages-20130526|grep”rate-limiting”May2011:43:55yw_lvs2_backuprsyslogd-2177:imuxsockbe

    2022年8月15日
    6
  • pycharm 最新激活码(JetBrains全家桶)[通俗易懂]

    (pycharm 最新激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月30日
    126
  • linux杂谈(二十):apache服务配置

    linux杂谈(二十):apache服务配置

    2021年11月30日
    37
  • 使用linux shell脚本大范围寻找ping不通的机器

    使用linux shell脚本大范围寻找ping不通的机器

    2021年8月26日
    46
  • centos7 网络配置

    centos7 网络配置centos7刚安装,需要做一些配置才能正常上网!1.虚拟网络编辑器配置1)通过VMware菜单栏,依次点击编辑和虚拟网络编辑器2)选中VMnet8,取消勾选使用本地DHCP服务将IP地址分配给虚拟机,查看DHCP确保未启用,点击NAT设置3)查看网关IP,并记住192.168.255.2,用于网络配置文件设置2.修改mac地址如果本虚拟机为克隆机,则需要重新…

    2022年4月28日
    47
  • modis数据简介及批处理工具[通俗易懂]

    modis数据简介及批处理工具[通俗易懂]MODIS数据:MODIS是传感器而不是卫星(Landsat是卫星)MODIS传感器的全称为中分辨率成像光谱仪(moderate-resolutionimagingspectroradiometer),主要搭载在Terra和Aqua星上。MODIS命名规则:MOD09GA是产品名称,表示500米地表反射率产品。A2018179表示产品时间2018年第179天(以每年1…

    2022年5月30日
    42

发表回复

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

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