zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    R语言高级编程系列之面向对象的类型系统--S3对象
    数据挖掘之KNN算法(C#实现)
    数据挖掘之决策树ID3算法(C#实现)
    C#矩阵运算类库
    2020年图机器学习的最新趋势
    ios开发笔记-7-bug解决
    ios开发笔记-6-ReactiveCocoa
    ios开发笔记-5-配置文件
    ios开发笔记-4-app打包测试流程
    ios开发笔记-3-微信支付
  • 原文地址:https://www.cnblogs.com/jialinG/p/9377427.html
Copyright © 2011-2022 走看看