js实现页面跳转_c# js实现页面跳转页面 - CSDN
精华内容
参与话题
  • 前端---js实现页面跳转的几种方式

    千次阅读 2018-10-25 23:04:46
    Javascript实现页面跳转的几种方式 通过js或者html或者PHP等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式 js方式的页面跳转 1.window.location.href方式  <script language="...

    Javascript实现页面跳转的几种方式

    通过js或者html或者PHP等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式

    js方式的页面跳转

    1.window.location.href方式

        <script language="JavaScript" type="text/javascript">

               window.location.href="http://www.dayanmei.com/";

        </script>

     

     

     

    2.window.navigate方式跳转

       <script language="javascript">

        window.navigate("top.jsp");

      </script>

     

     

     

    3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别

    <script language="javascript">

        window.location.replace("http://www.dayanmei.com");

    </script>

     

     

     

    4.返回上一次浏览的页面 对框架无效

     

    <script language="javascript">

    alert("返回");

    window.history.back(-1);

    </script>

    5.指定自身跳转页面 对框架无效

     

     

    <script language="JavaScript">
            self.location='top.htm';  
     </script>
    

     

     

     

     

    6.指定自身跳转页面 对框架有效

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

     

     

     

     

     

    7.按钮式在button按钮添加事件跳转

    <input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">

     

    展开全文
  • js如何实现页面跳转(大全)

    千次阅读 2018-09-20 10:25:53
    js跳转主要是通过window的location对象的href属性,因为location对象本来就是表示的浏览器窗口window的location,那肯定就是这个决定网页的url。 2、open方法 3、history对象的三个方法 4、location的assign方法 ...

    一句话总结:

    1、location的href属性:

    js跳转主要是通过window的location对象的href属性,因为location对象本来就是表示的浏览器窗口window的location,那肯定就是这个决定网页的url。

    2、open方法

    3、history对象的三个方法

    4、location的assign方法

     

    1、js跳转的本质是什么?

    解答:浏览器对象窗口location(url)的改变,

    2、js中的window的location对象和网页url相同么?

    解答:其实可以看做是一回事,都是指的网页的网址。

    3、js跳转常用来做哪些事情(两件)?

    解答:a、广告跳转。 b、做链接的效果。

    4、js跳转用到的是哪个对象的哪个属性?

    解答:肯定是location对象的href属性。

    5、js跳转主要的几种方法?

    解答:location的href属性,open方法,hostory对象,location的assign方法

    6、页面停留指定时间再跳转怎么实现?

    解答:函数加timeout定时器实现。

    <script type="text/javascript">
      function jumurl(){
      window.location.href = 'http://www.mahaixiang.cn/';
      }
      setTimeout(jumurl,3000);
    </script>

    7、解释一下top.location.href='http://www.mahaixiang.cn/';这个语句?

    解答:页面跳出框架。

    8、location和框架(iframe)配合可以生产各种位置的广告。这句话对么?

    解答:对的。上面是广告下面是站群的代码:document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");

    9、document的write方法和writeIn方法一般是干嘛的?

    解答:向document(页面)里面写入东西的啊。

     

     

    回到顶部

    二、js如何实现页面跳转(大全)

    所谓的js页面跳转就是利用javesrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过javsrcipt脚本就会跳转到B页面。
    目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成js链接,但这是一个比较严重的蜘蛛陷阱,无论是SEO人员还是网站设计人员应当尽力避免。
    很多站长在制作网站的时候,为了某种展示或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种:这个方法是只针对IE的


    <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>
    点评:
    虽然目前有的搜索引擎技术已经能够得到javescipt脚本上的链接,甚至能执行脚本并跟踪链接,但对于一些权重比较低的网站,搜索引擎觉得没有必要,不会浪费精力去抓取分析,不过,对于实现网站的某种特效,还是有很大帮助的。

    参考:

    JS页面跳转大全 - cyy_13 - 博客园
    https://www.cnblogs.com/cyy-13/p/5775344.html

     

    回到顶部

    三、测试题-简答题

    1、js跳转的本质是什么?

    解答:浏览器对象窗口location(url)的改变,

    2、js中的window的location对象和网页url相同么?

    解答:其实可以看做是一回事,都是指的网页的网址。

    3、js跳转常用来做哪些事情(两件)?

    解答:a、广告跳转。 b、做链接的效果。

    4、js跳转用到的是哪个对象的哪个属性?

    解答:肯定是location对象的href属性。

    5、js跳转主要的几种方法?

    解答:location的href属性,open方法,hostory对象,location的assign方法

    6、页面停留指定时间再跳转怎么实现?

    解答:函数加timeout定时器实现。

    <script type="text/javascript">
      function jumurl(){
      window.location.href = 'http://www.mahaixiang.cn/';
      }
      setTimeout(jumurl,3000);
    </script>

    7、解释一下top.location.href='http://www.mahaixiang.cn/';这个语句?

    解答:页面跳出框架。

    8、location和框架(iframe)配合可以生产各种位置的广告。这句话对么?

    解答:对的。上面是广告下面是站群的代码:document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");

    9、document的write方法和writeIn方法一般是干嘛的?

    解答:向document(页面)里面写入东西的啊。

     

    展开全文
  • js实现页面跳转的几种方法

    千次阅读 2018-08-15 21:08:40
    按钮式: 1 &lt;INPUT name="pclog" type="button" value="GO" onClick="location.href='//www.jb51.net/'"...javascript:history.go(-1)"&

    按钮式:

    1

    <INPUT name="pclog" type="button" value="GO" onClick="location.href='//www.jb51.net/'">

    链接式:

    1

    2

    <a href="javascript:history.go(-1)">返回上一步</a>

    <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

    直接跳转式:

    1

    <script>window.location.href='//www.jb51.net';</script>

    开新窗口:

    1

    <a href="javascript:" onClick="window.open('//www.jb51.net/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁足迹</a>

    第一种:

    1

    2

    3

    <script language="javascript" type="text/javascript">

               window.location.href="login.jsp?backurl="+window.location.href; 

    </script>

    第二种:

    1

    2

    3

    4

    <script language="javascript">

        alert("返回");

        window.history.back(-1);

    </script>

    第三种:

    1

    2

    3

    <script language="javascript">

        window.navigate("top.jsp");

    </script>

    第四种:

    1

    2

    3

    <script language="JavaScript">

              self.location='top.htm';

    </script>

    第五种:

    1

    2

    3

    4

    <script language="javascript">

              alert("非法访问!");

              top.location='xx.jsp';

    </script>

    =====javascript中弹出选择框跳转到其他页面=====

    1

    2

    3

    4

    5

    6

    7

    8

    9

    <script language="javascript">

    <!--

    function logout()...{

    if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{

    window.location.href="logout.asp?act=logout"

    }

    }

    -->

    </script>

    =====javascript中弹出提示框跳转到其他页面=====

    1

    2

    3

    4

    5

    6

    7

    8

    <script language="javascript">

    <!--

    function logout()...{

    alert("你确定要注销身份吗?");

    window.location.href="logout.asp?act=logout"

    }

    -->

    </script>

    以上这篇js实现页面跳转的几种方法小结希望能给大家一个参考

    展开全文
  • js实现页面跳转

    千次阅读 2018-07-09 11:07:11
    1、跳到b页面window.location.href='b.html'2、返回上一个页面window.history.back(-1)3、跳转到b页面(只适用于ie)window.navigate('b.html')4、跳转到b页面self.location.href='b.html'从字面上就可以理解到 ...

    1、跳到b页面

    window.location.href='b.html'

    2、返回上一个页面

    window.history.back(-1)

    3、跳转到b页面(只适用于ie)

    window.navigate('b.html')

    4、跳转到b页面

    self.location.href='b.html'

    从字面上就可以理解到 window 指的是当前窗口 而 self 指的是自己 在HTML 中 由于页面可以镶嵌页面 所以这2个就有了 区别 比如说 我有个页面A.HTML 里面嵌套了一个B.HTML 在A中使用 window.location 跳转 就把整个 页面跳转了 而在 A中镶嵌B页面的位置 使用了 self跳转 就只是把B界面跳转了 A页面其他地方没有变化。

    5、在顶层页面打开b页面

    top.location.href='b.html'
    如果一个页面嵌套了多个html,那么top.location.href的作用是在最外层页面打开b页面



    展开全文
  • js实现页面跳转的方法

    万次阅读 2018-07-13 16:03:51
    &lt;...gt; &lt;head&gt; ...javascript"&gt;&lt;!-- function old_page() { window.location = "http://www.baidu.com" } function replace() { win...
  • JS实现页面跳转

    2019-01-08 09:52:05
    &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;新闻&lt;... &
  • 本地跳转 Java代码  function add(){   window.location.href="add.do?method=add"; //你需要跳转的地址   }    function add(){  window.location.href="add.do?method=add"; //你需要跳
  • 从a页面跳转到b页面,回到a页面时,a页面不刷新,请问各路大神怎么实现
  • 第一个页面:(tes1.html) &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;...页面1&...JavaScript&
  • 在搭建个人网站过程中,我们可能需要前置登陆页面以保护站点私密性与安全性,本文主要介绍如何使用javascript实现登录并跳转界面。
  • js 按钮实现跳转页面 jsp html

    万次阅读 2010-09-20 11:24:00
    type=button 就单纯是按钮功能 type=submit 是发送表单但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit...
  • js实现页面跳转并传值(不需后台)

    千次阅读 2017-04-21 17:09:38
    实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html)window.location.href="b.html";第二种:(返回上一页面)window.history.back(-1);第三...
  • Thread.join的作用和原理

    万次阅读 2020-09-27 21:32:03
    这个问题最简单的回答是通过Thread.join来实现,久而久之就让很多人误以为Thread.join是用来保证线程的顺序性的。 下面这段代码演示了Thread.join的作用 public class JoinDemo extends Thread{ int i; Thread ...
  • html+JavaScript实现页面跳转

    千次阅读 2019-02-28 18:35:38
    1、html中使用meta中跳转,通过meta可以设置跳转时间和页面 &lt;head&gt; &lt;!--只是刷新不跳转到其他页面 --&gt; &lt;meta http-equiv="refresh" content="5"&gt...
  • HTML的标签点击实现跳转

    万次阅读 2017-02-22 13:05:02
    本文介绍下,当点击A标签时,触发事件但不跳转实现方法,有需要的朋友参考下吧。...在#后加上点别的东西即可,这样就不会链到别的页面,也不会刷新定位到顶端了。 附,A标签点击触发事件但不跳转实现方法。
  • 实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码 JS跳转大概有以下几种方式: 第一种:(跳转到b.html)window.location.href="b.html";第二种:(返回上一页面)window.history.back(-1);第三...
  • javaScript页面加载后自动跳转

    千次阅读 2019-04-21 11:06:44
    利用window计时时间实现 <script type="text/javascript"> function jump(){ window.setTimeout("window.location.href='/yqcms/index.jsp';",3000 ) } </script> onload :表示在这个页面...
  • 实现自动HTML刷新页面跳转页方法有很多,主要分为两类,一类为使用html head标签,另一类为使用js强制刷新或跳转。1. 使用js 刷新当前页面,3秒执行一次。<script language="JavaScript"> function myrefresh() ...
  • 使用JS实现页面跳转的两种方式

    千次阅读 2015-03-14 12:03:14
    第一种方式是直接使用锚点配合链接...但是这种方式没有动画效果,跳转是直接发生的。 第二种方式使用jQuery中的animate方法实现: var target= $('#h2-anchor').offset().top; $('body').animate({scrollTop
  • js实现页面跳转的几种方式

    万次阅读 2010-09-20 10:21:00
    通过js或者html或者php等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式 js方式的页面跳转 1.window.location.href方式  <script language="javascript" type="text/...
1 2 3 4 5 ... 20
收藏数 122,511
精华内容 49,004
关键字:

js实现页面跳转