返回到上一页的html代码的几种写法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了返回到上一页的html代码的几种写法相关的知识,希望对你有一定的参考价值。

提供4种方法:

1、通过超链接返回到上一页

<a href="#" onclick="javascript:history.back(-1);">返回到上一页</a>

2、用按钮代码

<input type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一页”>

3、图片代码

<a href=”javascript :;” onClick=”javascript :history.back(-1);”><img src=”图片路径” border=”0″ title=”返回上一页”></a>

4、自动返回上一页代码
<meta http-equiv="refresh" content="3; url=javascript:window.history.go(-1);">

content=这后面是时间。

扩展资料

html代码超文本标记语言(标准通用标记语言下的一个应用,外语缩写HTML),是迄今为止网络上应用最为广泛的语言,也是构成网页文档的主要语言。

HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

控制资料来源:百度百科:html代码

参考技术A

1.通过超链接返回到上一页

<a href="#" onclick="javascript:history.back(-1);">返回到上一页</a>

<a href="#" onClick="javaScript:history.go(-1)">返回上一页</a>

2.用按钮代码

<input type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一页”>

3 图片代码

<a href=”javascript :;” onClick=”javascript :history.back(-1);”><img src=”图片路径” border=”0″ title=”返回上一页”></a>

扩展资料:

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

参考资料:CSDN返回到上一页的html代码的几种写法

参考技术B

返回到上一页的html代码的几种写法

1.超链接返回上一页代码:

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

2.用按钮代码:

<input type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一页”>

3.图片代码:

<a href=”javascript :;” onClick=”javascript :history.back(-1);”><img src=”图片路径” border=”0″ title=”返回上一页”></a>

[color=#FF0000]几秒钟后[/color]自动返回上一页代码:(加入两个head间,3000表示3秒)

<SCRIPT language=javascript>

function go()

window.history.go(-1);

setTimeout(“go()”,3000);

</SCRIPT>

“>返回上一页</a>

<script>alert(‘发布失败’);location.href=’index.php’; window.history.go(-1);

</script>

扩展资料:

跳转页面的html代码的几种写法

    html的实现

<head>

<!-- 以下方式只是刷新不跳转到其他页面 -->

<meta http-equiv="refresh" content="10">

<!-- 以下方式定时转到其他页面 -->

<meta http-equiv="refresh" content="5;url=hello.html">

</head>

2. javascript的实现

<script language="javascript" type="text/javascript">

// 以下方式直接跳转

window.location.href='hello.html';

// 以下方式定时跳转

setTimeout("javascript:location.href='hello.html'", 5000);

</script>

3.结合了倒数的javascript实现(IE)

<span id="totalSecond">5</span>

<script language="javascript" type="text/javascript">

var second = totalSecond.innerText;

setInterval("redirect()", 1000);

function redirect()

totalSecond.innerText=--second;

if(second<0) location.href='hello.html';

</script>

参考资料:百度百科-html代码

参考技术C

跳转页面的html代码的几种写法

    html的实现

    <head>

    <!-- 以下方式只是刷新不跳转到其他页面 -->

    <meta http-equiv="refresh" content="10">

    <!-- 以下方式定时转到其他页面 -->

    <meta http-equiv="refresh" content="5;url=hello.html">

    </head>

    2. javascript的实现

    <script language="javascript" type="text/javascript">

    // 以下方式直接跳转

    window.location.href='hello.html';

    // 以下方式定时跳转

    setTimeout("javascript:location.href='hello.html'", 5000);

    </script>

参考资料:CSDN返回到上一页的html代码的几种写法

参考技术D

1.通过超链接返回到上一页

<a href="#" onclick="javascript:history.back(-1);">返回到上一页</a>

<a href="#" onClick="javaScript:history.go(-1)">返回上一页</a>

2.用按钮代码

<input type=”button” name=”Submit” onclick=”javascript:history.back(-1);” value=”返回上一页”>

3 图片代码

<a href=”javascript :;” onClick=”javascript :history.back(-1);”><img src=”图片路径” border=”0″ title=”返回上一页”></a

单例模式的几种写法

1、静态初始化
/**

  • 饿汉式
  • 类加载到内存后,就实例化一个单例,jvm保证线程安全
  • 简单实用,推荐使用
  • 唯一缺点:不管用到与否,类加载时就完成实例化
  • (话说你不用的,你转载它干啥)
  • 一般这种就够用了

*/

public class Mgr01 {
    private static final Mgr01 INSTANCE = new Mgr01();
    private Mgr01(){}
    public static Mgr01 getInstance(){return INSTANCE; }
    public void m(){
        System.out.println("m");
    }
    public static void main(String[] args){
        Mgr01 m1 = Mgr01.getInstance();
        Mgr01 m2 = Mgr01.getInstance();
        System.out.println(m1 == m2);
    }
}

//这种写法跟Mgr01一个意思

public class Mgr02 {
    private static final Mgr02 INSTANCE;
    static {
        INSTANCE = new Mgr02();
    }

    private Mgr02(){}
    public static Mgr02 getInstance(){return INSTANCE;}
    public void m(){
        System.out.println("m");
    }

    public static void main(String[] args) {
        Mgr02 m1 = Mgr02.getInstance();
        Mgr02 m2 = Mgr02.getInstance();
        System.out.println(m1 == m2);
    }
}

2、加锁+双重检查~~~~
/**

  • lazy loading
  • 也称懒汉式
  • 虽然达到了按需初始化的目的,但是带来线程不安全问题
  • 可以通过synchronize解决,这个是可以正常使用的,但也带来效率下降问题

*/

public class Mgr04 {
    private static volatile Mgr04 INSTANCE;
    private Mgr04() {

    }

    //这个synchronized锁定的是Mgr04.class,因为锁是加在static上面的
    public static synchronized Mgr04 getInstance(){
        if(INSTANCE == null){
            try {
                Thread.sleep(1);
            }catch (InterruptedException e){
                e.printStackTrace();
            }
            INSTANCE = new Mgr04();
        }
        return INSTANCE;
    }

    public void m(){
        System.out.println("m");
    }

    public static void main(String[] args) {
        for(int i = 0; i < 100; i++) {
            new Thread(()->{
                System.out.println(Mgr04.getInstance().hashCode());
            }).start();
        }
    }
}

/**

  • lazy loading
  • 也称懒汉式
  • 虽然达到了按需初始化的目的,但是带来线程不安全问题
  • 可以通过synchronize解决,这个是可以正常使用的,但也带来效率下降
  • 这是一种完美写法

*
*/

public class Mgr06 {
    private static volatile Mgr06 INSTANCE;
    private Mgr06() {

    }

    public static Mgr06 getInstance(){
        if(INSTANCE == null){
            //双重检查
            synchronized(Mgr06.class){
                if(INSTANCE == null){
                    try {
                        Thread.sleep(1);
                    }catch (InterruptedException e){
                        e.printStackTrace();
                    }
                    INSTANCE = new Mgr06();
                }
            }
        }
        return INSTANCE;
    }

    public void m(){
        System.out.println("m");
    }

    public static void main(String[] args) {
        for(int i = 0; i < 100; i++) {
            new Thread(()->{
                System.out.println(Mgr06.getInstance().hashCode());
            }).start();
        }
    }
}

3、静态内部类方式
/**

  • 静态内部类方式
  • JVM保证单例
  • 胜在静态的东西只加载一次,并且加载外部类时不会加载内部类,这样可以实现懒加载
  • 比Mgr01完美,

*/

public class Mgr07 {
    private Mgr07(){}
    private static class Mgr07Holder{
        private final static Mgr07 INSTANCE = new Mgr07();
    }

    public static Mgr07 getInstance(){
        return Mgr07Holder.INSTANCE;
    }

    public void m(){
        System.out.println("m");
    }

    public static void main(String[] args) {
        for(int i = 0; i< 100; i++){
            new Thread(()->{
                System.out.println(Mgr07
                .getInstance().hashCode());
            }).start();
        }
    }
}

4、枚举形式
/**

  • 不仅可以解决线程同步,还可以防止反序列化

*/

public enum  Mgr08 {
    INSTANCE;

    public void m(){}~~~~

    public static void main(String[] args) {
        for(int i = 0; i< 100; i++){
            new Thread(()->{
                System.out.println(Mgr08.INSTANCE.hashCode());
            }).start();
        }
    }
}

以上是关于返回到上一页的html代码的几种写法的主要内容,如果未能解决你的问题,请参考以下文章

使用js返回上一页的几段代码

查询分页的几种Sql写法

网页上的“返回上一页”的几种实现代码

总结一下,微信小程序的几种跳转方式

js面向对象的几种写法

MyBatis-Plus 实现分页的几种写法