javascript 网页跳转的方法

来源:互联网 发布:puppy linux关机保存 编辑:程序博客网 时间:2024/06/06 00:43
在网页编程中,js是很好的客户端验证语言,有了下面这些跳转方法,可以让你的开发过程更轻松。
页面跳转是我们常用的一个效果,现在这里为大家整理了一下。
一、直接跳转:
<script language="javascript" type="text/javascript">
window.location.href="http://www.weberlove.com";
</script>
评语:这个方法很常用,也是大家最熟悉的一种方法,直接把上面的网址换成你的要地址就行。

二、定向式调转:

<script language="javascript">
alert("返回");
window.history.back(-1);
//或者可以用window.history.go(-1);
</script>
评语:这种方法用的地方其实也很多,比如我们提交表单的时候,数据不对会退回来。这种方法方便简洁。

三、navigator 对象跳转:

<script language="javascript">
window.navigate("http://www.weberlove.com");
</script>
评语:navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。 再者,虽然它没有应用于 navigator 对象的公开标准,但是所有浏览器都支持该对象。

四、当前窗口跳转:

<script language="JavaScript">
self.location.href='http://www.weberlove.com';
</script>
评语:这种方法可以满足很多的需求,有些就需要当然窗口跳转过去。
五、返回式跳转:

<script language="javascript">
alert("非法访问!");
top.location='http://www.weberlove.com';
</script>
评语:这种方法和window.history.back(-1)有些相似了,这个是跳到父级页面去。而window.history.back(-1)是有指定值的,如-1,-2等。

六、确认试跳转:

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="http://www.weberlove.com"
}
}
-->
</script>
评语:这种方法有一些特别,比如可以用到问答试中间去,答对了,就跳转,没答对,则不跳转。

七、打开新窗口跳转:

onclick="window.open='http://www.weberlove.com'"

评语:这种一般放到按扭中间去。按一下,则弹出一个新窗口,打开指定的新页面。


0 0
原创粉丝点击