• HTML+JS中网页跳转的写法


    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>
  • 相关阅读:
    VUE-路由配置及跳转方式
    VUE使用axios请求后端数据
    springboot图片/文件上传
    java中return;语句的作用
    使用maven搭建ssm框架环境
    Java和Tomcat安装教程
    安装tomcat出现的问题
    关于 == 和 equals() 的区别
    关于从request对象中获取路径的问题
    栈和队列_leetcode20
  • 原文地址:https://www.cnblogs.com/jialinG/p/9377427.html
Copyright © 2020-2023  润新知