zoukankan      html  css  js  c++  java
  • js页面跳转常用的几种方式及点击返回顶部代码

    js实现页面跳转的几种方式,需要的朋友可以参考下。

    点击返回顶部代码:

     onclick="javascript:scroll(0,0)"
    <a href="javascript:window.scrollTo('0','0');">返回顶部</a>

    第一种:

    复制代码 代码如下:

    <script language="javascript" type="text/javascript"> 
    window.location.href="jb51.jsp?backurl="+window.location.href; 
    </script>

    第二种:

    复制代码 代码如下:

    <script language="javascript"> 
    alert("返回"); 
    window.history.back(-1); 
    </script>


    第三种:

    复制代码 代码如下:

    <script language="javascript"> 
    window.navigate("jb51.jsp"); 
    </script>


    第四种:

    复制代码 代码如下:
    <script language="JavaScript"> 
    self.location='jb51.htm'; 
    </script>

    第五种:

    复制代码 代码如下:

    <script language="javascript"> 
    alert("非法访问!"); 
    top.location='jb51.jsp'; 
    </script>


    第六种:网址从传参获得并转向

    复制代码 代码如下:

    <script language="javascript" type="text/javascript"> 
    function request(paras){ 
    var url = location.href; 
    var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); 
    var paraObj = {} 
    for (i=0; j=paraString[i]; i++){ 
    paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length); 
    } 
    var returnValue = paraObj[paras.toLowerCase()]; 
    if(typeof(returnValue)=="undefined"){ 
    return ""; 
    }else{ 
    return returnValue; 
    } 
    } 
    var theurl 
    theurl=request("url"); 
    if (theurl!=''){ 
    location=theurl 
    } 
    </script> 

  • 相关阅读:
    typeOf操作符及数据类型
    图片轮播 js
    百度地图API学习
    jq 使页脚固定在底部
    js 动态自动添加 删除
    background-size 兼容ie8以下浏览器的方法
    opacity css3 ie8以下兼容方法
    ie 6、7/position: absolute bug解决方法
    IE 下的rgba背景透明
    2017腾讯实习生春招前端初面总结
  • 原文地址:https://www.cnblogs.com/huzhangjun/p/6625875.html
Copyright © 2011-2022 走看看