JavaScript实现页面跳转的方式汇总

前端技术 2023/09/05 JavaScript

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些JS实现页面跳转的方式例子。

按钮式： 　　

<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\')\"& gt;布丁　　　　　　　　　　足迹
</a>

第一种： 

<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>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝

<script language=\"javascript\">
<!--
function logout()...{
if (confirm(\"你确定要注销身份吗？是－选择确定，否-选择取消\"))...{
window.location.href=\"logout.asp?act=logout\"
}
}
-->
</script>
＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝
<script language=\"javascript\">
<!--
function logout()...{
alert(\"你确定要注销身份吗？\");
window.location.href=\"logout.asp?act=logout\"
}
-->
</script>

以上内容是小编给大家介绍的JavaScript实现页面跳转的方式汇总，希望对大家有所帮助，也希望大家多多关注phpstudy网站！

本文地址：https://www.stayed.cn/item/14286

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案