精华内容
下载资源
问答
  • js实现网页自动跳转

    2017-09-29 10:02:30
    js实现网页自动跳转倒计时!html新手必备!html新手必备!html新手必备!html新手必备!
  • 第一种: 代码如下: [removed] [removed].href=”jb51.jsp?backurl=”+[removed].href; [removed] 第二种: 代码如下: [removed] alert(“返回”); window.history.back(-1); [removed] 第三种: 代码如下: ...
  • JS页面跳转js对iframe进行页面跳转、刷新
  • JavaScript页面跳转并传参的常用方法

    千次阅读 2020-09-01 17:36:49
    1.页面A跳转页面B及URL携带参数: 1.传递参数: window.location.href = "../list.html?id="+id; 2.接收参数: (1)接收参数函数封装 function GetRequest() { var url = location.search; //获取url中"?"符后的...

    1.页面A跳转到页面B及URL携带参数:

    1.传递参数:
    window.location.href = "../list.html?id="+id;
    2.接收参数:
    (1)接收参数函数封装

    function GetRequest() {
        var url = location.search; //获取url中"?"符后的字串
        var theRequest = new Object();//在这里插入代码片
        if (url.indexOf("?") != -1) {
            var str = url.substr(1);
            strs = str.split("&");
            for (var i = 0; i < strs.length; i++) {
                theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);
            }
        }
        return theRequest;
    }
    

    2.通过localStorage 和 sessionStorage 先存本地再取出数据:

    用setItem来存数据,第一个参数是 名字,第二个参数是存数的数据
    //存数据

    window.localStorage.setItem(“data”, “kevin”);
    window.sessionStorage.setItem(“data”, “kevin”);
    

    用getItem来取数据,参入要取数据的 名字就好
    //取数据

    window.localStorage.getItem(“data”);
    window.sessionStorage.getItem(“data”);
    

    当然如果要存储的数据是一个对象的话,就需要将对象转换为字符串,在取数据的在将字符串转为对象就可以了

    对象转字符串 JSON.stringify( ” 对象 ” )
    字符串转对象 JSON.parse( ” 字符串 ” )
    
    展开全文
  • 路由跳转代码如下: <li><nuxt to={name:>HOME page</nuxt></li> <li><nuxt to={name:>NEWS page</nuxt></li> <li><nuxt to={name:>PLAY page</nuxt></li> 注意说明: to 前面有冒号“ : ” to 后面跟的是路径...
  • 本文实例总结了Javascript页面跳转常见实现方式。分享给大家供大家参考,具体如下: 概述 相信很多Web开发者都知道,在开发Web程序的时候,对于页面之间的跳转,有很多种,但是有效的跳转则事半功倍,下面就是我在...
  • 主要介绍了JS实现页面跳转参数不丢失的方法,结合实例形式对比分析了javascript URL加密函数escape()、encodeURI()与encodeURIComponent()的功能与相关使用技巧,需要的朋友可以参考下
  • JS 页面跳转,参数的传递

    千次阅读 2018-12-26 14:36:22
    当我们通过location.replace()进行页面的跳转...2.页面跳转后,解析url,根据关键字符'?',区别是页面还是后面的参数 3.根据关键字符'=',区分是参数名还是参数值   直接将代码复制过来。大致看下就会看懂。 1.j...

    当我们通过location.replace()进行页面的跳转时,我们想进行参数的传递,当时学习的时候,以前在网上找过获取方法,已经忘记出处在哪里了。获取方法大概是这样的:

    1.将参数通过拼接的方式拼接到页面的后面。

    2.页面跳转后,解析url,根据关键字符'?',区别是页面还是后面的参数

    3.根据关键字符'=',区分是参数名还是参数值

     

    直接将代码复制过来。大致看下就会看懂。

    1.js页面跳转

    location.replace('EditItem.html?itemId='+row.id);

    2.在EditItem.html的js中解析参数。

    //获得传过来的login与在数据库中对应的表单
    var paras = location.search;			//search获得地址中的参数,内容为'?itemId=12'
    var result = paras.match(/[^\?&]*=[^&]*/g); 	//match是字符串中符合的字段一个一个取出来,result中的值为['login=xx','table=admin']
    paras = {};					//让paras变成没有内容的json对象
    for(i in result){
    	var temp = result[i].split('=');	//split()将一个字符串分解成一个数组,两次遍历result中的值分别为['itemId','xx']
    	paras[temp[0]] = temp[1];
    }
    var itemId = paras.itemId;     //根据参数名"itemId",获取参数值
    console.log(itemId);

     

    展开全文
  • js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下
  • 主要介绍了JavaScript实现页面跳转的几种常用方式,结合实例形式对比分析了JavaScript页面跳转的常见实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][removed]和window.open的区别 [removed] = “//www.jb51.net” 跳转后有后退功能 [removed].replace(“//www.jb51.net”) 跳转后没有后退功能 window.open(“//...
  • 昨天练习的时候正好要用到跳转代码,在网上找了一下,觉得下面几个不错...整理了一下发上来...
  • 主要给大家介绍了关于在Js页面通过POST传递参数跳转到新页面的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
  • JS页面跳转大全

    万次阅读 2019-05-17 16:52:06
    所谓的js页面跳转就是利用javesrcipt对打开的...目前很多垃圾站经常用js跳转将正常页面跳转到广告页面,当然也有一些网站为了追求吸引人的视觉效果,把一些栏目链接做成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>
     

    展开全文
  • 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(页面)里面写入东西的啊。

     

    展开全文
  • jquery.params.js页面带参数跳转插件 http://{domain}?{param}=[]&……
  • NULL 博文链接:https://heisetoufa.iteye.com/blog/355114
  • js页面跳转,参数传递

    千次阅读 2019-05-14 13:14:53
    有a,b两个页面,当a页面跳转到b页面时,要获取传递的参数 a页面,且传递value参数,注意不能有空格 var d = 10 window.location.href="../pages/page01.html?value="+d; b页面获取参数,location.search获取的...
  • JS页面跳转的几种方法

    千次阅读 2018-11-05 09:28:30
    来介绍一下我所用的JS跳转页面的方法 第一种:这是最常用的了 window.location.href &lt;script language="javascript" type="text/javascript"...最基本的页面跳转。 第二种:历史...
  • JS页面跳转请求方法

    2021-01-04 09:57:41
    第一中:常见的跳转方式(传参有限) 第二种:通过发送post请求方式跳转(类似于表单提交请求)
  • js页面跳转的两种方式

    万次阅读 2018-08-01 15:51:50
    等效于js代码 window.location.href=”www.baidu.com”; //在同当前窗口中打开窗口 超链接 &lt;a href="www.baidu.com" target="_blank"&gt;Welcome&lt;/a&gt;
  • js页面跳转整理。。

    2017-02-23 13:58:17
    js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理,js页面跳转整理
  • js页面跳转与url获取

    2020-08-25 15:52:18
    当前页面替换成新页面 replace() 方法可用一个新文档取代当前文档。 location.replace(newURL); ... ...href 属性是一个可读可写的字符串,可设置或...// 通过设置来跳转(设置后立即跳转) window.location.href='http:/
  • 主要介绍了基于JS实现操作成功之后自动跳转页面的相关知识,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
  • 页面跳转的几种方式 一:js的跳转 1.直接跳转:window.location.href <script language="javascript" type="text/javascript"> window.location.href="a.jsp?callback="+window.location.href; //或者 ...
  • JavaScript实现页面跳转的方法

    千次阅读 2018-06-26 16:16:11
    页面跳转&lt;a href="url"&gt;进入url页面&lt;/a&gt;window.location.herf&lt;input type="button" value="转至url" id="toUrl" /&gt; &lt;...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 255,424
精华内容 102,169
关键字:

js网页跳转