页面跳转_ssm forward跳转没有跳转到页面,页面中打印跳转地址 - 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>
     

    展开全文
  • 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>
    
    展开全文
  • 登录页面跳转

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

    登录页面跳转

    
    开发工具与关键技术:VS、MVC
    
    作者:黎官凤
    
    撰写时间:2019/05/10
    
    

    在做项目的时候有很多的项目都是需要实现登录的,在登录页面上填写完整各种登录信息然后点击登录按钮跳转到主页面从而实现到你登录进去要实现的功能。就像现在我们常用一些社交软件微信、QQ它们都有一个登录的功能,让用户登录进去后才能实现它们里面特定的某些功能。下面让我们来举例说明。

    首先我们要创建一个主控制器,然后在控制器里面写两个控制器

    一个是登录页面的,一个是主页面的如下所示

    在这里插入图片描述

    把鼠标移到return View() 上点击右键找到添加视图点击弹出以下框框,把使用布局页面前面的勾勾去掉,点击添加生成视图可以在视图里面写页面的布局、流程控制代码、功能实现的代码

    在这里插入图片描述

    主页面视图的添加参考登录页面的。

    在登录页面里写

    在这里插入图片描述

    上面代码是实现登录功能的核心代码,使用replace避免它登录到主页面后后退到登录页面。

    #btnSubmit这是登录按钮的ID。这只是一个简单的页面跳转,还没有进行用户登录信息的判断

    在这里插入图片描述

    因为还没有对用户登录信息进行判断,所以直接点击登录按钮可以跳转到主页面。

    当然了一个登录功能不可能是这么简单的了还要在click function下进行用户信息的一些判断。

    这就是一个简单的页面跳转。

    展开全文
  • 页面跳转

    2018-09-20 22:58:37
    javascript中的location.href有很多种用法,主要如下。 self.location.href="... 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" ...

    转自:https://blog.csdn.net/sdta25196/article/details/78799338

    javascript中的location.href有很多种用法,主要如下。

    self.location.href="/url" 当前页面打开URL页面
    location.href="/url" 当前页面打开URL页面
    windows.location.href="/url" 当前页面打开URL页面,前面三个用法相同。
    this.location.href="/url" 当前页面打开URL页面
    parent.location.href="/url" 在父页面打开新页面
    top.location.href="/url" 在顶层页面打开新页面

    如果页面中自定义了frame,那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址

    此外,window.location.href=window.location.href;和window.location.Reload()和都是刷新当前页面。区别在于是否有提交数据。当有提交数据时,window.location.Reload()会提示是否提交,window.location.href=window.location.href;则是向指定的url提交数据

    在写ASP.Net程序的时候,我们经常遇到跳转页面的问题,我们经常使用Response.Redirect 做ASP.NET框架页跳转,如果客户要在跳转的时候使用提示,这个就不灵光了,如:

     

    复制代码代码如下:


    Response.Write("< script>alert('恭喜您,注册成功!');< /script>");  
    Response.Redirect("main.html");   

     

    这时候我们的提示内容没有出来就跳转了,和Response.Redirect("main.html");没有任何区别。

    这时我们采用下面代码试验一下:

    ASP.NET框架页跳转的另一实现

     

    复制代码代码如下:


    Response.Write("< script language=javascript>alert('恭喜您,注册成功!')< /script>");  
    Response.Write("< script language=javascript>window.location.href='main.html'< /script>"); 

     

    这个即实现了我们的要求,在提示后,跳转页面。

    最重要的是window.location.href 语句可以实现一个框架的页面在执行服务器端代码后刷新另一个框架的页面(Response.Redirect无法达到,至少我没有发现):

    如:index.htm页面中有二个框架,分别为 frameLeft和frameRight,在frameRight页面中执行服务器端代码后刷新frameLeft中的页面。

    先前最常见的是注册之后,自动刷新登陆框,让登陆框换成已登陆页面,只要在注册成功的代码之后加上一段,即可以实现刷新另个框架的页面。代码如下:

     

    复制代码代码如下:


    Response.Write("< script language=javascript>alert('恭喜您,注册成功!')< /script>");  
    Response.Write("< script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>");   

     

    这样就搞定了ASP.NET框架页跳转中断的问题。其实asp、php中一般都使用这种方式。


    "window.location.href"、"location.href"是本页面跳转
    "parent.location.href"是上一层页面跳转
    "top.location.href"是最外层的页面跳转

    举例说明:

    如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

    "window.location.href"、"location.href":D页面跳转
    "parent.location.href":C页面跳转
    "top.location.href":A页面跳转

    如果D页面中有form的话,

    <form>: form提交后D页面跳转
    <form target="_blank">: form提交后弹出新页面
    <form target="_parent">: form提交后C页面跳转
    <form target="_top"> : form提交后A页面跳转
     
    关于页面刷新,D 页面中这样写:

    "parent.location.reload();": C页面刷新 (当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

    "top.location.reload();": A页面刷新

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

    2019-04-21 10:25:23
    HTML页面跳转的方法
  • 几种网页跳转的方法

    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...
  • 网页跳转的实现方法

    2019-06-17 16:00:56
    是不是觉得很神奇?只需点击一下就可以显示出所需要的东西,其实告诉大家名没有你们想象中那么难,那么我就给...然后就会实现页面跳转的效果,跳到另一个页面中去: 看上去是不是很神奇?其实一点都不难,普通的页...
  • 自动转向,也叫自动重定向。...该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。 对自动转向技术的合理应用包括
  • 微信小程序的页面跳转,页面之间传递参数笔记.  先上demo图:   为了简化逻辑,所以index.wxml里面只写了两个text.既然是跳转,那就还有其他页面. 目录如下: 三个页面,但是代码很简单.直接上代码. 跳转到新...
  • 前端页面跳转测试

    2019-09-25 13:16:12
    前端页面跳转测试 前端页面跳转分析处于什么环境 对于测试人员来说,在进行交互评审的时候,就可以开始基于交互文档以及接口文档进行页面跳转的分析了。 注意:全篇的前端包含APP、H5以及中间的接口路由层。 ...
  • 今天分享一下,页面跳转和锚点跳转。 页面跳转——也叫超链接跳转页面,从一个页面跳转到另外一个页面; 锚点跳转——从一个页面跳转到当前页面的某一个位置,也可以跳转到其他页面的某一位置。 页面跳转 &...
  • 1. 应用内页面跳转设计应用页面跳转与应用的用户体验有直接相关。 如果应用为了看一个详情,跳转了大于3个界面,就很大可能流失用户和被用户吐槽,更不用说,跳进去又退出大于3个界面才回到主界面。 应用页面的跳转...
  • 因为是数据交互使用的是ajax方式,我首先要面临的问题是我获得的数据怎么显示在页面上,以及怎么把数据保存下来,等页面跳转时就不用向后台再次请求数据,比如用户名以帐号相关基础信息,不可能每次打开新页面都向...
  • vue页面跳转后返回原页面初始位置   vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原...
  • html ,js 可以实现页面跳转。 jsp , asp, php 也有各自页面跳转与重定向的方式。 下文针对js 和jsp 的页面跳转实现方式进行一个总结。
  • 本次我们就讲一下,Android中页面跳转以及传值的几种方式!Activity跳转与传值,主要是通过Intent类来连接多个Activity,通过Bundle类来传递数据。最常见最一般的页面跳转代码,很简单,如下: Intent intent = new...
  •  自己经手的一个java项目要实现带参页面跳转页面跳转,完成任务后,总结一下自己知道了的几种方式。 实现:   首先我们有两大种方式来实现页面跳转:1、JS(javascript);2、jsp跳转 我们先来说一下简单的...
  • 首先页面跳转的相对路径中经常出现“…/”,例如“…/test/test”,这表示当前路径下test文件夹下的test.js页面逻辑。 触发跳转的页面与test文件夹处于同级,所以是当前页面下的test文件夹。 wx.navigateTo({}) ...
  • 实现的功能就是,当完成一项功能后,最好是返回到上一级页面,防止停留在当前页面出现问题,一般可以在前台使用js实现页面跳转,但是如果功能都是在后台完成时,直接在后台完成页面跳转,比较省事,就不用将指令传递...
1 2 3 4 5 ... 20
收藏数 495,742
精华内容 198,296
关键字:

页面跳转