2012-04-15 10:28:08|?次阅读|上传:wustguangh【已有?条评论】发表评论
关键词:JavaScript, Web|来源:唯设编程网
设计网页时,经常需要使用页面跳转功能,使用JavaScript(js)实现页面跳转可以使你的页面更加灵活,同时它也支持非超链接进行跳转,本文将常用的跳转方式进行总结。
首先是一个基本的实例,实现定时自动跳转:
<span id="tiao">3</span> <a href="javascript:countDown"></a> 秒后自动跳转…… <meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul>
<!--脚本开始--> <script language="javascript" type=""> function countDown(secs){ tiao.innerText=secs; if(--secs>0) setTimeout("countDown("+secs+")",1000); } countDown(3); </script> <!--脚本结束-->
使用JavaScript(JS)实现页面跳转通常使用的方式有:Input按钮式、超链接、直接跳转和弹出新窗口,下面分别给出实例
<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'">
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
<script>window.location.href='http://www.ddhbb.com';</script>
<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog/guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')">但我弹出</a>
下面分别给出几种常用的JavaScript(JS)页面跳转代码
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
<script language="javascript"> window.navigate("top.jsp"); </script>
<script language="JavaScript"> self.location=’top.htm’; </script>
<script language="javascript"> alert("非法访问!"); top.location=’xx.jsp’; </script>
<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗?"); window.location.href="logout.asp?act=logout" } --> </script>
好了,对JavaScript(JS)页面跳转的总结就基本完成了,如果你还有建议和补充,欢迎在评论栏进行讨论。