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'"
评语:这种一般放到按扭中间去。按一下,则弹出一个新窗口,打开指定的新页面。
页面跳转是我们常用的一个效果,现在这里为大家整理了一下。
一、直接跳转:
<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'"
评语:这种一般放到按扭中间去。按一下,则弹出一个新窗口,打开指定的新页面。
相关文章推荐
- javaScript 学习笔记
- Extjs 2.2中动态隐藏标签的方法
- .NET中JSON数据进行序列化和反序列化
- .NET中JSON数据进行序列化和反序列化
- xStream完美转换XML、JSON
- JavaScript中字符串截取函数slice()、substring()、substr()
- JS基础【原生JS实现的AJAX发送GET、POST】
- js 滚轮事件 滚轮焦点图(轮播图)
- 七牛使用js-sdk怎样自定义上传文件的文件名字(key)
- jsp throw new RuntimeException()问题
- 2015年10个可免费下载的最佳Javascript库
- JavaScript Source Map 详解
- JavaScript OOP
- 浅谈FineReport常用函数及使用时报错的解决办法
- 利用Ajax进行用户登录的js代码
- Javascript 实现的计时器
- extjs4.1中后台传过来的json
- js 文本输入判断 及 正则表达式判断 总结
- js 小小tips
- js继承与原型链