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)
上一篇 2022年4月11日 上午9:00
下一篇 2022年4月11日 上午9:00


相关推荐

  • C++文件读写详解(ofstream,ifstream,fstream)

    C++文件读写详解(ofstream,ifstream,fstream)在看 C 编程思想中 每个练习基本都是使用 ofstream ifstream fstream 以前粗略知道其用法和含义 在看了几位大牛的博文后 进行整理和总结 这里主要是讨论 fstream 的内容 includeofstr 文件写操作内存写入存储设备 ifstream 文件读操作 存储设备读区到内存中 fstrea

    2026年3月19日
    2
  • 电子元器件品牌及其代理商

    电子元器件品牌及其代理商海思(Hisilicon)在大中华区的授权分销商有:深圳市群方电子、深圳市淇诺实业、晓龙国际、威健实业、中国电子器材、深圳市智宇鹏电子等。 紫光在大中华区的授权分销商包括:Arrow,中豪,力同科技,泰发科电子,普浩国际,Mornsun,国华,厦门建益达,昱博科技,CEACSZ,WPG等。 全志科技在大中华区的授权分销商有:君行科技,蓝欣电子,易新泰科技,方糖电子等。 兆易创新(Giga…

    2022年6月29日
    89
  • vue中关闭当前窗口_vue没有build文件夹

    vue中关闭当前窗口_vue没有build文件夹在vue.config.jsmodule.exports={lintOnSave:false,//配置关闭eslint}

    2022年10月8日
    3
  • 商品搜索引擎—分词(插件介绍与入门实例)

    商品搜索引擎—分词(插件介绍与入门实例)

    2020年11月12日
    190
  • ExecuteScalar 返回值

    ExecuteScalar 返回值ExecuteScalar 执行查询,并返回查询所返回的结果集中第一行的第一列。忽略额外的列或行Execute=执行;scalar=数量;so,从字面意思来讲,可将ExecuteScalar和ExecuteNonQuery对比来学习。ExecuteScalar()方法的作用是:执行查询,并返回查询所返回的结果集中第一行的第一列。所有其他的列和行将被忽略。

    2022年6月26日
    49
  • CTF-UPX脱壳加壳讲解;(详细版)

    CTF-UPX脱壳加壳讲解;(详细版)在做CTF-RE题的时候,下载的题目附件会发现缺少函数方法的现象,说明这个文件就被加壳处理了;这个是加壳状态下的;脱壳后~~~~~~~如何发现是加壳的呢?除了开头所描述的方法,还有第二种用ExeinfoPE软件查看附件信息;此时这个软件就提示我们这个附件是UPX加壳处理的;二.脱壳这里我只讲一种方法(因为我只会一种方法-.-)首先下载好打包好的UPX脱壳工具,解压下载好:讲一下用法吧在这个文件夹当中输入cmd进入;输入upx.exe-h有如下反应:

    2022年7月19日
    71

发表回复

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

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