全国热线电话:13633878273
发布时间: 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>
上一条:app是什么意思?
下一条:SEO和SEM网络营销的关系