您的位置:首页 > Web前端 > JavaScript

javascript 网页跳转的方法

2015-06-02 14:24 459 查看
网页编程中,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'"

评语:这种一般放到按扭中间去。按一下,则弹出一个新窗口,打开指定的新页面。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: