国瑞个人博客
首页 > 前端 > 常用的JS跳转代码调用大全

常用的JS跳转代码调用大全

常用的JS跳转代码调用大全

 2019年04月01日 作者: 国瑞个人博客 420次浏览

js跳转代码:在开发过程中,经常会涉及到页面的跳转操作,例如点击跳转,支付跳转等,接下来就给大家介绍常用的JS页面跳转代码调用方法,如下所示

一、常规的JS页面跳转代码

1、js跳转代码就在原来的窗体直接跳转来进行使用(js跳转代码)
1
2
3
<script type="text/javascript">
  window.location.href="js跳转代码你所要跳转的页面";
</script>
2、js跳转代码在新窗体中打开页面用:
1
2
3
<script type="text/javascript">
  window.open('你所要跳转的页面');
  </script>
3、JS页面跳转参数的注解
1
2
3
4
5
6
<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>

参数解释:

1
2
3
4
5
6
7
8
<SCRIPT LANGUAGE="javascript"> js脚本开始;
  window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
  height=100 窗口高度;
  width=500 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值。

二、跳转指定页面的JS代码

第1种js跳转代码:
1
2
3
<script language="javascript" type="text/javascript">
  window.location.href="login.jsp?backurl="+window.location.href;
  </script>
第2种js跳转代码:
1
2
3
4
<script language="javascript">
  alert("返回");
  window.history.back(-1);  
  </script>
第3种js跳转代码:
1
2
3
<script language="javascript">
  window.navigate("top.jsp");  
  </script>
第4种js跳转代码:
1
2
3
<script language="JavaScript">          
  self.location=’top.htm;  
  </script>
第5种js跳转代码:
1
2
3
4
<script language="javascript">          
  alert("非法访问!");          
  top.location=’xx.jsp;  
  </script>

三、js跳转代码页面停留指定时间再跳转(如3秒)

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

四、根据访客来源跳转的JS代码

1、JS判断来路代码

此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:

1
2
3
4
5
<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直接跳转代码
1
2
3
<script LANGUAGE="Javascript">
  location.href="http://www.mahaixiang.cn/";
  </script>
3、ASP跳转代码判断来路
1
2
3
4
5
<%
  if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
  response.redirect("http://www.mahaixiang.cn/")
  end if
  %>
4、ASP直接跳转的
1
2
3
<%
  response.redirect("http://www.mahaixiang.cn/")
  %>

五、广告与网站页面一起的JS代码

1、上面是广告下面是站群的代码(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、全部覆盖的代码(js跳转代码)

1
document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%'  height='2000'>");
3、混淆防止搜索引擎被查的js调用(js跳转代码)

具体的展示上面是广告下面是站群的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
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){}

六、页面跳出框架(js跳转代码)

1
2
3
<script type="text/javascript">
  top.location.href='http://www.mahaixiang.cn/';
  </script>

七、返回上一页(js跳转代码)

1
2
3
<script type="text/javascript">
  window.history.back(-1);
  </script>
百度已收录

点击快速分享:

以上就是国瑞前端个人博客带来的是《常用的JS跳转代码调用大全》,感谢您的观看!

如果没有特殊的说明,本文即为国瑞前端博客原创(www.huanggr.cn),欢迎读者转载并保留本站版权!https://www.huanggr.cn/1407.html

「专业前端博客,如果觉得我的文章对您有用,请帮助本站成长」

赞( 21 ) 打赏

谢谢你请我吃鸡腿*^_^*

支付宝
微信
21

谢谢你请我吃鸡腿*^_^*

支付宝
微信
标签:

上一篇:

下一篇:

相关文章:

共有 0 条评论

博客简介

国瑞个人博客: https://www.huanggr.cn/,我们关注Web前端开发技术,web前端开发,移动前端开发,前端资讯,同时分享前端资源和工具等,期待你的参与,了解更多..

博主独立研发主题:

本站唯一QQ群

加入国瑞个人博客QQ群

本群为学习探讨群,主要和前端相关,欢迎广大前端(抱有学习目的均可)爱好者加入!广告请勿添加!

升级版本

web前端开发博客,基于vue脚手架制作的前端博客正在制作中,尽情期待,目前示例的代码位于此处

最新版本(尽请期待)-web前端开发博客

精彩评论

本站主要提供服务

二年web前端开发博客,本站专注提供web资源下载,技术问题解答,经验分享,也提供新手的web技术指导,二年前端个人博客,期待你的加入!

站点统计

  • 文章总数: 269 篇
  • 草稿数目: 50 篇
  • 分类数目: 26 个
  • 页面总数: 16 个
  • 评论总数: 216 条
  • 链接总数: 10 个
  • 标签总数: 104 个
  • 建站时间: 803 天
  • 注册用户: 659 人
  • 访问总量: 8780726 次
  • 最近更新: 2019年7月15日
-->