js页面跳转大全

龟仙人      2022-02-09     732

关键词:

所谓的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刷新页面方法大全(转)

刷新页面实现方式总结(HTML,ASP,JS)转载  2008-11-13 作者:   我要评论多种方法实现页面的刷新代码定时刷新: 1,<script>setTimeout("location.href=‘url‘",2000)</script> 说明:url是要刷新的页面URL地址&... 查看详情

springmvccrud控制器写法和jsp页面写法总结大全。(代码片段)

本例介绍控制器和jsp页面的写法,分两部分。本文中,jsp页面,一共有3个,浏览页面,增加页面,修改页面。控制器一共有6个。浏览getAuthors,增加页面跳转authorAdd,增加业务authorSave,修改页面跳转authorModify,修改业务authorUpdat... 查看详情

js刷新页面方法大全

如何实现刷新当前页面呢?借助js你将无所不能。1,reload方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])   参数:bForceGet,可选参数,默认为false,从客户端缓存里取当前页。true,则以GET方式,从... 查看详情

js刷新页面方法大全

...载博客:http://www.jb51.net/article/14397.htm如何实现刷新当前页面呢?借助js你将无所不能。1,reload方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])   参数:bForceGet,可选参数,默认为false,从客户端... 查看详情

利用js刷新页面的方法大全

首先是刷新本页面,这个最简单,方法有以下几种:1,history.go(0)2,location.reload()3,location=location4,location.assign(location)5,document.execCommand(‘Refresh‘)6,window.navigate(location)7,location.replace(location)8,documen 查看详情

js页面跳转的问题(跳转到父页面最外层页面本页面)

js页面跳转:本页面跳转,上一层页面跳转,最外层的页面跳转,下面为大家大家分享下不同页面之家的跳转问题,感兴趣的朋友可以学习下 "window.location.href"、"location.href"是本页面跳转"parent.location.href"是上一层页面跳转"top.lo... 查看详情

js实现页面跳转

js实现页面的跳转具体有几种方法:location.href:表示当前页面链接地址例子:最外层页面为(main.html主页面),分上(top.html)页面,左(left.html)页面,右(right.html页)面3个<frame>子页面,http://localhost:8080/Spring_shizhan4ban_Chapter05/resources/... 查看详情

js实现页面跳转的两种方式

CreateTime--2017年8月24日08:13:52Author:Marydonjs实现页面跳转的两种方式方式一:  window.location.href =url说明:我们常用来在js中实现页面跳转的方法,使用get方式发送请求,传参有限更多介绍,见文章:js操作当前窗口  方式二... 查看详情

js页面跳转

location.href="";从当前页面跳转到目标页面相当于a标签的href跳转功能。location的属性含义值protocol:协议"http:"hostname:服务器的名字"b.a.com"port:端口"88"pathname:URL中主机名后的部分"/index.php"search:"?"后的部分,又称为查询字符串"?name=kang&a... 查看详情

js实现页面内跳转

使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id):  在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法:1varoneTop=$("#aa").offset().top;2jQue... 查看详情

js的window命令跳转页面

查看详情

js跳转页面并跳转iframe

由于套用的iframe的页面比较多,现在是在某一个子子子(不知道几个子)页面中有一个button,点击button后打开新页面,提示页面5秒自动跳转。跳转的地方是主页面,并主页面中的iframe也要跳转到需要的一个页面。如何用JS实现?... 查看详情

js如何在指定页面跳转到另一指定页面

要实现从一个页面A跳到另一个页面B,js实现就在A的js代码加跳转代码JS跳转大概有以下几种方式:第一种:(跳转到b.html)<script language="javascript" type="text/javascript">window.location.href="b.html";</script>第二种:(返回上一... 查看详情

php和js页面跳转和刷新总结

PHP页面跳转:// 只是跳转,所以一定要用die();或者exit;终止下一步操作;header(‘location:index.php‘);exit;//等待3秒,跳转并刷新header(‘refresh:3;url=index.php‘);  JS页面跳转:location.href=‘index.php‘;//后退+刷新(原表单的内容会... 查看详情

js跳转页面

按钮式:<INPUTname="pclog"type="button"value="GO"onClick="location.href=‘http://www.ddhbb.com/‘"> 链接式:  <ahref="javascript:history.go(-1)">返回上一步</a>  <ahref="<%=Request.ServerVaria 查看详情

js跳转(js跳转网页)(代码片段)

如何使用js跳转代码javascript常用的页面跳转方法为:window.location.href=some_url;下面举例演示点击按钮后,延迟3秒跳转页面:1、HTML结构2、javascript代码functionfun()setTimeout(function()window.location.href=",3000);js中有哪些... 查看详情

js倒计时跳转页面

这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似。页面代码简单,直接拷贝就能运行,页面可以自己美化下。1<!--这里定义倒计时开始数值-->23<spanid="totalSecond">5</span>45&... 查看详情

点击按钮(或超链接)如何跳转到另外一个页面并执行目标页面的js函数

页面跳转同时执行js代码$(function(){});url参数传递 标题的前半部分其实不必赘述,按钮也可以换成超链接。。 假设是需要在A页面上的一个按钮,点击后跳转到B页面,传一些参数后且并B页面的某个js函数可以执行~~ 关... 查看详情