js如何实现页面跳转(大全)

js如何实现页面跳转(大全)

一、总结

一句话总结:

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定时器实现。

7、解释一下top.location.href='http://www.mahaixiang.cn/';这个语句?

解答:页面跳出框架。

8、location和框架(iframe)配合可以生产各种位置的广告。这句话对么?

解答:对的。上面是广告下面是站群的代码:document.writeln("");

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、在原来的窗体中直接跳转用


2、在新窗体中打开页面用:


3、JS页面跳转参数的注解



参数解释:


第2种:



第3种:这个方法是只针对IE的



第4种:


第5种:

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


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

1、JS判断来路代码


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

2、JS直接跳转代码


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/>");

2、全部覆盖的代码


document.write("';
  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;itry{
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){}

六、页面跳出框架


七、返回上一页



点评:
虽然目前有的搜索引擎技术已经能够得到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定时器实现。

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/>");

9、document的write方法和writeIn方法一般是干嘛的?

解答:向document(页面)里面写入东西的啊。
 
 
 
 
 
 
 
 
 
 

你可能感兴趣的:(js如何实现页面跳转(大全))