冲浪网站优化网立足洛阳是国内知名SEO服务商,是网站优化SEO学习,SEO技巧方法知识获取重要平台,提供高效的SEO及网站优化解决方案,提高目标网站的网站排名。

全国热线电话:13633878273

冲浪网站优化 / Products Center

js跳转代码大全详解

发布时间: 2015-04-24 17:19:27

js有多种跳转页面方法,为了方便读者使用,我们特意整理js跳转代码大全详解。

1、window.location.href属性实现js跳转

通过window.location.href实现跳转到指定页面,方法:window.location.href=需要调整的url地址。

<script type="text/javascript">
  window.location.href="http://www.surfphpseo.com/";
  </script>

相似代码:

parent.location.href="url" 在父页面打开新页面,实现是上一层页面跳转。
top.location.href="url" 在顶层页面打开新页面,实现是最外层的页面跳转。

2、window.open

通过window.open打开新窗口。

 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')   //该句写成一行代码
   参数解释:
      window.open 弹出新窗口的命令;
  'page.html' 弹出窗口的文件名;
  'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
  height=100 窗口高度;
  width=400 窗口宽度;
  top=0 窗口距离屏幕上方的象素值;
  left=0 窗口距离屏幕左侧的象素值;
  toolbar=no 是否显示工具栏,yes为显示;
  menubar,scrollbars 表示菜单栏和滚动栏。
  resizable=no 是否允许改变窗口大小,yes为允许;
  location=no 是否显示地址栏,yes为允许;
  status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
 

<script type="text/javascript">
window.open(http://www.surfphpseo.com)//打开新窗口跳转到冲浪网站优化网。
</script>

 3、window.history.back实现跳转

window.history.back通过返回实现跳转。

<script language="javascript">
window.history.back(-1); //返回一步。
</script>

 相似代码:

window.history.go()功能更强大,可以实现前进和后退。比如window.history.go(1)前进一页,window.history.go(-1)后退一页。

 4、 window.navigate

 

<script language="javascript">
  window.navigate("http://www.surfphpseo.com/");  
  </script>

 备注:这个方法是只针对IE的,不适用于火狐等其他浏览器,在HTML DOM Window Object中,根本没有列出window.navigate这个方法,所以这个方法尽量少用,遗忘最好。

5、防止iframe框架引用

if(top.location.href!=self.location.href){
location.href="http://www.surfphpseo.com";
}

 6、js判断搜索引擎蜘蛛并跳转

<script LANGUAGE="Javascript">
  var s=document.referrer
  if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
  location.href="需要跳转的网址";
  </script>

备注:document.referrer浏览器在向server请求页面A的时候,会发送HTTP请求。这个请求的Header里会带上Referer属性,server接收到该请求后,可以提取出Header里的Referer,用于判断访客是从哪个页面发起的请求。

7、网址从传参获得并转向
 

<script language="javascript" type="text/javascript">
function request(paras){
var url = location.href;
var paraString = url.substring(url.indexOf("?")+1,url.length).split("&");
var paraObj = {}
for (i=0; j=paraString[i]; i++){
paraObj[j.substring(0,j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=")+1,j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if(typeof(returnValue)=="undefined"){
return "";
}else{
return returnValue;
}
}
var theurl
theurl=request("url");
if (theurl!=''){
location=theurl
}
</script>