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定时器实现。
<script type="text/javascript">
function jumurl(){
window.location.href = 'www.mahaixiang/';
}
setTimeout(jumurl,3000);
</script>
7、解释⼀下top.location.href='www.mahaixiang/'；这个语句？
解答：页⾯跳出框架。
8、location和框架（iframe）配合可以⽣产各种位置的⼴告。这句话对么？
解答：对的。上⾯是⼴告下⾯是站的代码：document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=www.mahaixiang/></iframe>");
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、在原来的窗体中直接跳转⽤
<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种：这个⽅法是只针对IE的
<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 = 'www.mahaixiang/';
}
setTimeout(jumurl,3000);
</script>
四、根据访客来源跳转的JS代码
1、JS判断来路代码
此段代码主要⽤于百度⾕歌点击进⼊跳转，直接打开⽹站不跳转：
<script LANGUAGE="Javascript">
var ferrer
if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 ) location.href="www.mahaixiang/";
</script>
2、JS直接跳转代码
<script LANGUAGE="Javascript">
location.href="www.mahaixiang/";
</script>
3、ASP跳转代码判断来路
<%
if instr(Request.ServerVariables("http_referer"),"www.baidu")>0 then direct("www.mahaixiang/")
end if
%>
4、ASP直接跳转的
<%
direct("www.mahaixiang/")
%>
五、⼴告与⽹站页⾯⼀起的JS代码
1、上⾯是⼴告下⾯是站的代码
2、全部覆盖的代码
document.write("</iframe><iframe src='www.mahaixiang/' 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{
ElementById("div"+"All").style.display="no"+"ne";
}catch(e){}
for(var i=0;i<document.body.children.length;i++){
try{
html href属性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='www.mahaixiang/';
</script>
七、返回上⼀页
<script type="text/javascript">
window.history.back(-1);
</script>
点评：
虽然⽬前有的搜索引擎技术已经能够得到javescipt脚本上的链接，甚⾄能执⾏脚本并跟踪链接，但对于⼀些权重⽐较低的⽹站，搜索引擎觉得没有必要，不会浪费精⼒去抓取分析，不过，对于实现⽹站的某种特效，还是有很⼤帮助的。
参考：
三、测试题-简答题
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定时器实现。
<script type="text/javascript">
function jumurl(){
window.location.href = 'www.mahaixiang/';
}
setTimeout(jumurl,3000);
</script>
7、解释⼀下top.location.href='www.mahaixiang/'；这个语句？
解答：页⾯跳出框架。
8、location和框架（iframe）配合可以⽣产各种位置的⼴告。这句话对么？
解答：对的。上⾯是⼴告下⾯是站的代码：document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=www.mahaixiang/></iframe>");
9、document的write⽅法和writeIn⽅法⼀般是⼲嘛的？
解答：向document（页⾯）⾥⾯写⼊东西的啊。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论