页面跳转_页面跳转传值 - CSDN
精华内容
参与话题
  • JS页面跳转大全

    千次阅读 2019-05-17 16:52:06
    所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。 目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的...

    转自:https://www.cnblogs.com/cyy-13/p/5775344.html

    所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。
    目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成js链接,但这是一个比较严重的蜘蛛陷阱,无论是SEO人员还是网站设计人员应当尽力避免。
    常用的JS页面跳转代码调用大全-马海祥博客
    很多站长在制作网站的时候,为了某种展示或SEO优化的目的,常常需要利用js跳转效果,所以对于一个站长或SEO来说,熟练的掌握或使用js技术(具体可查看马海祥博客《JavaScript是什么?JavaScript功能有哪些》的相关介绍),已成为一门必学的技能了。
    在我这么多年做SEO的过程中,也收集和使用了很多的js代码,今天我就借助马海祥博客的平台跟大家分享一些常用的js页面跳转代码,希望能对大家有所帮助。
    一、常规的JS页面跳转代码
    1、在原来的窗体中直接跳转用
    <script type="text/javascript">
      window.location.href="你所要跳转的页面";
      </script>
    2、在新窗体中打开页面用:
    <script type="text/javascript">
      window.open('你所要跳转的页面');
      </script>
    3、JS页面跳转参数的注解
    <SCRIPT LANGUAGE="javascript">
      <!--
      window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
      //写成一行
      -->
      </SCRIPT>
    参数解释:
    <SCRIPT LANGUAGE="javascript"> js脚本开始;
      window.open 弹出新窗口的命令;
      'page.html' 弹出窗口的文件名;
      'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
      height=100 窗口高度;
      width=500 窗口宽度;
      top=0 窗口距离屏幕上方的象素值;
      left=0 窗口距离屏幕左侧的象素值。
    二、跳转指定页面的JS代码
    第1种:
    <script language="javascript" type="text/javascript">
      window.location.href="login.jsp?backurl="+window.location.href;
      </script>
    第2种:
    <script language="javascript">
      alert("返回");
      window.history.back(-1);
      </script>
    第3种:
    <script language="javascript">
      window.navigate("top.jsp");
      </script>
    第4种:
    <script language="JavaScript">
      self.location=’top.htm’;
      </script>
    第5种:
    <script language="javascript">
      alert("非法访问!");
      top.location=’xx.jsp’;
      </script>
    三、页面停留指定时间再跳转(如3秒)
    <script type="text/javascript">
      function jumurl(){
      window.location.href = 'http://www.mahaixiang.cn/';
      }
      setTimeout(jumurl,3000);
      </script>
    四、根据访客来源跳转的JS代码
    1、JS判断来路代码
    此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
    <script LANGUAGE="Javascript">
      var s=document.referrer
      if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
      location.href="http://www.mahaixiang.cn/";
      </script>
    2、JS直接跳转代码
    <script LANGUAGE="Javascript">
      location.href="http://www.mahaixiang.cn/";
      </script>
    3、ASP跳转代码判断来路
    <%
      if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
      response.redirect("http://www.mahaixiang.cn/")
      end if
      %>
    4、ASP直接跳转的
    <%
      response.redirect("http://www.mahaixiang.cn/")
      %>
    五、广告与网站页面一起的JS代码
    1、上面是广告下面是站群的代码
    document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");
    2、全部覆盖的代码
    document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
    3、混淆防止搜索引擎被查的js调用
    具体的展示上面是广告下面是站群的代码:
    var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
      eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
      try{
       setInterval(function(){
       try{
       document.getElementById("div"+"All").style.display="no"+"ne";
       }catch(e){}
       for(var i=0;i<document.body.children.length;i++){
    try{
    var tagname = document.body.children[i].tagName;
    var myid = document.body.children[i].id;
    if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
    // if(tagname!="center"){
    document.body.children[i].style.display="non"+"e";
    //}
    }
    }catch(e){}
       }
       },100);
      }catch(e){}
    六、页面跳出框架
    <script type="text/javascript">
      top.location.href='http://www.mahaixiang.cn/';
      </script>
    七、返回上一页
    <script type="text/javascript">
      window.history.back(-1);
      </script>
     

    展开全文
  • 前端页面跳转的几种方法

    万次阅读 2020-04-19 10:52:49
    onclick跳转 设置window的location.href属性 onclick=”window.location.href=’URL’” onclick=”location=’URL’” 调用window的open方法 onclick=”window.open(‘URL’,’_blank’);” // 在新窗口...

    一、onclick跳转

    1. 设置window的location.href属性
    • onclick="window.location.href='URL'" // 覆盖当前页
    • onclick="location='URL'" // 覆盖当前页
    2. 调用window的open方法
    • onclick="window.open('URL','_blank');" // 在新窗口打开
    • onclick="window.open('URL','_self');" // 覆盖当前页

    二、a标签跳转

    • <a href="URL" target="_blank">Preface</a> // 在新窗口打开
    • <a href="URL" target="_self">Preface</a> // 覆盖当前页,target属性默认为_self,此处可省略

    三、例子

    1. onclick
    <span onclick="location='www.csdn.net'">点击跳转到csdn</span>
    <span onclick="window.open('www.csdn.net','_blank')">点击在新标签页打开csdn</span>
    
    2. a标签
    <a href="www.csdn.net" target="_blank">点击在新标签页打开csdn</a>
    <a href="www.csdn.net">点击跳转到csdn</a>
    
    展开全文
  • 页面跳转三种方式

    千次阅读 2017-11-20 16:21:12
    项目中经常需要进行跳转操作,然后不同的业务场景有不同的需求,下面我列出自己项目中用到的三种场景: 1、通过html标签进行跳转(最简单的方式) [html] view ...2、通过按钮实现页面跳转

    项目中经常需要进行跳转操作,然后不同的业务场景有不同的需求,下面我列出自己项目中用到的三种场景:

    1、通过html标签进行跳转(最简单的方式)

    [html] view plain copy
    1. <a  href="http://blog.csdn.net/cl05300629">伫望碧落的博客</a>  

    2、通过按钮实现页面跳转

    [html] view plain copy
    1. <input  type="button" value="跳转到伫望碧落的博客"  onclick="window.location.href="http://blog.csdn.net/cl05300629}">  

    3、通过js实现页面跳转

    (1)、在body中添加一个按钮或者其他的html标签,用来调用js方法:

    [html] view plain copy
    1. <input type="button" value="跳转到伫望碧落的博客"  onclick="direct()">  

    (2)、创建一个js方法:

    [html] view plain copy
    1. <script type="text/javascript">  
    2.     function direct(){  
    3.         window.location.href="http://blog.csdn.net/cl05300629";  
    4.     }  
    5. </script>  

    第一种方式用于没有要求的直接跳转,第二种用来在需要进行按钮操作跳转的页面,第三种可以对跳转附加跳转条件。
    展开全文
  • html页面跳转的五个方法

    万次阅读 2018-09-06 21:28:16
    HTML页面跳转的5种方法 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。1) html的实现 &nbsp; ?123456&lt;head&...

    HTML页面跳转的5种方法

    下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同目录下的hello.html(根据自己需要自行修改)文件。
    1) html的实现

     

    1
    2
    3
    4
    5
    6
    <head>
    <!-- 以下方式只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="10">
    <!-- 以下方式定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=hello.html">
    </head>

    优点:简单
    缺点:Struts Tiles中无法使用

     

    2) javascript的实现

     

    1
    2
    3
    4
    5
    6
    <script language="javascript" type="text/javascript">
    // 以下方式直接跳转
    window.location.href='hello.html';
    // 以下方式定时跳转
    setTimeout("javascript:location.href='hello.html'", 5000);
    </script>

    优点:灵活,可以结合更多的其他功能
    缺点:受到不同浏览器的影响
    3) 结合了倒数的javascript实现(IE)

     

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <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>

    优点:更人性化
    缺点:firefox不支持(firefox不支持span、div等的innerText属性)
    3’) 结合了倒数的javascript实现(firefox)

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <script language="javascript" type="text/javascript">
    var second = document.getElementById('totalSecond').textContent;
    setInterval("redirect()", 1000);
    function redirect()
    {
    document.getElementById('totalSecond').textContent = --second;
    if (second < 0) location.href = 'hello.html';
    }
    </script>

    展开全文
  • 登录页面跳转

    千次阅读 2019-05-16 18:08:05
    登录页面跳转 开发工具与关键技术:VS、MVC 作者:黎官凤 撰写时间:2019/05/10 在做项目的时候有很多的项目都是需要实现登录的,在登录页面上填写完整各种登录信息然后点击登录按钮跳转到主页面从而实现到你...
  • 几种网页跳转的方法

    万次阅读 2019-09-25 16:16:30
    立即跳转 <?php header("location:1.php"); ?> 延迟跳转,1秒跳转 <?php header('Refresh:1;url=1.php'); ?> <?php sleep(3); header("location:1.php"); ?> js延迟跳转 setTimeout("window...
  • 页面跳转的几种方法

    2020-08-31 17:41:40
    这里是引用 window.location()是只能在一个网站中打开本网站的..."top.location.href" 是最外层的页面跳转(即页面跳转) "window.location.href"、"location.href"是本页面跳转(内层部分单独跳转) "parent.locati...
  • 页面跳转

    千次阅读 2019-05-16 21:01:48
    有关于页面跳转的一些小问题 此时有注册页面,登录页面,主页面三个页面 三页面为后台系统页面 页面跳转的代码,平时会用的C#里面自带的window.location.href来点击的时候实现页面跳转,一般在做一些后台系统在登录...
  • 页面自动跳转实现方法

    万次阅读 2017-06-02 23:53:13
    自动转向,也叫自动重定向。...该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。 对自动转向技术的合理应用包括
  • 微信小程序 页面跳转 传递参数

    万次阅读 2016-12-12 12:27:00
    微信小程序的页面跳转,页面之间传递参数笔记.  先上demo图:   为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面. 目录如下: 三个页面,但是代码很简单.直接上代码. 跳转到新...
  • vue页面跳转后返回原页面初始位置

    万次阅读 2018-01-05 23:11:06
    vue页面跳转后返回原页面初始位置   vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原...
  • 今天分享一下,页面跳转和锚点跳转。 页面跳转——也叫超链接跳转页面,从一个页面跳转到另外一个页面; 锚点跳转——从一个页面跳转到当前页面的某一个位置,也可以跳转到其他页面的某一位置。 页面跳转 &...
  • 前端页面跳转测试

    千次阅读 2019-09-25 13:16:12
    前端页面跳转测试 前端页面跳转分析处于什么环境 对于测试人员来说,在进行交互评审的时候,就可以开始基于交互文档以及接口文档进行页面跳转的分析了。 注意:全篇的前端包含APP、H5以及中间的接口路由层。 ...
  • 1. 应用内页面跳转设计应用页面跳转与应用的用户体验有直接相关。 如果应用为了看一个详情,跳转了大于3个界面,就很大可能流失用户和被用户吐槽,更不用说,跳进去又退出大于3个界面才回到主界面。 应用页面的跳转...
  • 页面跳转与重定向(之一)

    万次阅读 多人点赞 2014-05-29 09:07:29
    html ,js 可以实现页面跳转。 jsp , asp, php 也有各自页面跳转与重定向的方式。 下文针对js 和jsp 的页面跳转实现方式进行一个总结。
  • 因为是数据交互使用的是ajax方式,我首先要面临的问题是我获得的数据怎么显示在页面上,以及怎么把数据保存下来,等页面跳转时就不用向后台再次请求数据,比如用户名以帐号相关基础信息,不可能每次打开新页面都向...
  • 微信小程序--简单页面跳转

    万次阅读 2016-09-26 12:16:08
    微信小程序--简单页面跳转 例如:点击一个text ,跳转入一个新的页面blueberry.wxml 首先对text 设置监听事件    {{motto}}   然后对该text 设置事件跳转。  //事件处理函数 点击text  ...
  • 【Android基础】页面跳转与传值(Activity跳转与传值)

    万次阅读 多人点赞 2011-02-10 14:10:00
    本次我们就讲一下,Android中页面跳转以及传值的几种方式!Activity跳转与传值,主要是通过Intent类来连接多个Activity,通过Bundle类来传递数据。最常见最一般的页面跳转代码,很简单,如下: Intent intent = new...
  • 这篇主要讲页面跳转。我们知道,一个页面的跳转,首先需要为组件绑定事件,以触发事件从而执行页面跳转代码。而事件又分为冒泡事件和非冒泡事件,以下为冒泡事件,其他组件事件无特殊申明都是非冒泡事件: 类型 ...
  • HTML页面跳转的方法

    万次阅读 多人点赞 2017-08-22 17:07:05
    1、html中使用meta中跳转,通过meta可以设置跳转时间和页面 2、a标签直接跳转 百度一下 3、通过javascript中实现跳转 // 直接跳转 window.location.href='index.html'; // 定时跳转 setTimeout(...
1 2 3 4 5 ... 20
收藏数 498,209
精华内容 199,283
关键字:

页面跳转