[转] Web开发中常用的JavaScript实现页面跳转
1、按钮式:
<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://game.unimagic.cn'">
2、链接式:
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
3、直接跳转式:
<script>window.location.href='http://game.unimagic.cn';</script>
4、开新窗口:
<a href="javascript:" onClick="window.open(http://game.unimagic.cn','','height=500,width=611,scrollbars=yes,status =yes')">培训</a>
5、
<meta http-equiv="refresh" content="秒; url=下一个页面">
6、
<script language="JavaScript">
<!--
var userAgent = navigator.userAgent;
var MSIEIndex = userAgent.indexOf("MSIE");
if (userAgent.indexOf("Win") != -1 && userAgent.indexOf("MSIE") != -1 && userAgent.substring((MSIEIndex + 5),(MSIEIndex + 8)) >= 5.5)
window.location.replace("http://game.unimagic.cn");
//-->
</script>
7、
<script language="javascript">
location.replace("http://www.***.com")
</script>
8、延时跳转
<script language="javascript">
setTimeout(window.location="http://game.unimagic.cn",1000);
</script>
9、
<script language="JavaScript" >
bName = navigator.appName;
if ((bName == "Netscape") || (bName == "Microsoft Internet Explorer"))
window.location=http://www.dinmo.net;
</script>
10、
多域名指向同一空间代码:
<script>try { if( self.location == "http://玉米一/" ) {
top.location.href = "http://玉米一/目录";
}
else if( self.location == "http://玉米二/" ) {
top.location.href = "http://玉米二/目录";
}
else if( self.location == "http://玉米三/" ) {
top.location.href = "http://玉米三/目录";
}
else if( self.location == "http://玉米四/" ) {
top.location.href = "http://玉米四/目录";
}
else { document.write ("错误的访问地址") } } catch(e) { }</script>
11、显示进度条的跳转(一):
<form name="loading">
<p align="center">正在跳转,请稍后...</p>
<p align="center">
<input type="text" name="bar" style="border-style:none; background-color:#D3E8D0; font-weight:bold" />
<input type="text" name="percentage"style="border-style:none; background-color:#FFFFFF; max-width:30px"/>
</p>
<script language="javascript" type="text/javascript">
var percent=0; //百分比进度,显示在滚动条后面
var element="||"; //滚动条单元竖线
var elements="||"; //滚动条当前竖线
count(); //开始调用循环
function count(){
percent=percent+10; //每次百分比加10
elements =elements + element; //滚动条当前竖线增加一个滚动条单元竖线
document.loading.bar.value=elements; //设置窗体loading表单中bar元素的当前值
document.loading.percentage.value=percent+"%"; //设置窗体loading表单中percentage元素的当前值
if (percent<99){ //percent小于99则继续循环
setTimeout("count()",500); //每500ms进行一次count()
}
else{
window.location = "http://game.unimagic.cn"; //percent达到100时跳转
}
}
</script>
12、显示进度条的跳转(二)
<p align=center><font color="red" size="2">正在进入,请等待,谢谢......</font></p>
<form name=loading>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px; border-style:none;">
<br><input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;">
<script>
var bar = 0
var line = "||"
var amount ="||"
count()
function count(){
bar= bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99){
setTimeout("count()",10);
}else{
window.location = "http://game.unimagic.cn";
}
}
</script>