js跳转界面

js页面跳转大全

所谓的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> 马海祥博客点评: 虽然目前有的搜索引擎技术已经能够得到javescipt脚本上的链接,甚至能执行脚本并跟踪链接,但对于一些权重比较低的网站,搜索引擎觉得没有必要,不会浪费精力去抓取分析,不过,对于实现网站的某种特效,还是有很大帮助的。 本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/js/813.html,注明出处;否则,禁止转载;谢谢配合!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Puppeteer学习

一步一步学习Vue(十三)

2103
来自专栏月色的自留地

在越狱的iPhone/iPad上安装自开发环境

自开发跟自编译意思一样,后者表示一个开发语言的开发能力成熟度;前者则表示一个开发平台的开发能力成熟度。 iPhone跟iPad面世这么多年,一直无法摆脱“...

2801
来自专栏知晓程序

如何从零开始,做一个跑步小程序?| 实战案例

1334
来自专栏web前端教室

Redux基本用法,为周日的先行者课程准备着。

众所周知,React只是一个View层而已,它不是一个完整的前端解决方案。只是给出了页面组件化的解决思路,但组件之间如何沟通?代码之间的结构?它并没有给出更多的...

1987
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

快速创建React Native App

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 告诉大家一个好消息,为大家精心准备的React N...

4324
来自专栏一“技”之长

iOS8新特性扩展(Extension)应用之二——分享插件

        在上一篇博客中,介绍了iOS8新特性扩展功能之一的Today功能:http://my.oschina.net/u/2340880/blog/48...

892
来自专栏DeveWork

为你的WordPress 博客开启两步验证功能(技术支持:谷歌)

如果你有谷歌账号的话,为了安全,最好是开启两步验证功能——即在原来的基础上增加手机验证码这一关。谷歌中涉及到两步验证的技术是Google Authenticat...

5596
来自专栏刘宁的专栏

Android开发入门的正确姿势

对于从事移动客户端开发者的初学者而言,不论是Android还是iOS开发,对客户端开发有一个整体的认识,然后再逐步深入,这样会有事半功倍的效果。

1.4K0
来自专栏WindCoder

WordPress常用插件分享

7541
来自专栏Youngxj

全平台通用评论神器一键自动填写昵称、邮箱和网址

1923

扫码关注云+社区