国瑞前端
立即登录 马上注册
当前位置: 前端 > 常用的JS跳转代码调用大全

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

2019-04-01 分类：前端 作者：huanggr 阅读（3326）

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>

「梦想一旦被付诸行动，就会变得神圣，如果觉得我的文章对您有用，请帮助本站成长」

赞(21) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签：

上一篇：

下一篇：

相关推荐

共 0 条评论关于"常用的JS跳转代码调用大全"

最新评论

    暂无留言哦~~

博客简介

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

博主独立研发主题：

  • 微信小程序

    欢迎扫码关注微信小程序

    免费领取学习资料和视频

广告

最近更新

广告

广告

热门标签

精彩评论

广告

站点统计

  • 文章总数： 343 篇
  • 草稿数目： 90 篇
  • 分类数目： 32 个
  • 独立页面： 5 个
  • 评论总数： 174 条
  • 链接总数： 10 个
  • 标签总数： 117 个
  • 注册用户： 153 人
  • 访问总量： 8,910,408 次
  • 最近更新： 2022年5月20日