这篇文章主要介绍了 JavaScript 中通过提示框跳转页面的方法的相关资料, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
通过提示框跳转页面具体代码如下所示:
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-">
- <title>
- Document
- </title>
- </head>
- <body>
- <script>
- window.onload = function() { //设置当页面加载时执行
- var btn = document.getElementsByTagName("button")[] //获取btn元素
- btn.onclick = function() { //给button加上一个点击事件
- var answer = confirm("是否想游览ziksang博客园") //把确认框赋值给answer
- if (answer) //判断是否点击确定
- window.location = "http://www.cnblogs.com/Ziksang/" //确定的话游览器自身跳转
- }
- }
- </script>
- <button>
- 点击跳转
- </button>
- </body>
- </html>
下面给大家介绍几种比较常见的 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>
接着给大家介绍 js 使用弹出窗口实现页面跳转的几种方式
———————————————————————————————————
第一种:弹出选择框跳转到其他页面
- <script language="javascript">
- <!--
- function logout(){
- if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
- window.location.href="/logout.asp?act=logout"
- }
- }
- -->
- </script>
- <input type="button" onclick="logout()" value="注销"/>
第二种:弹出提示框跳转到其他页面
- <script language="javascript">
- <!--
- function logout(){
- alert("你确定要注销身份吗?");
- window.location.href="/logout.asp?act=logout"
- }
- -->
- </script>
- <input type="button" onclick="logout()" value="注销"/>
页面自动跳转到其他页面
———————————————————————————————————
只需要在页面加入一行代码
- <meta http-equiv="Refresh" content="5; url=http://www.codepub.com" />
其中,content="5; url=http://www.codepub.com" 中的 5 表示 5 秒后跳转,可以直接设置为 0
该代码多用于用户登陆时的页面跳转
把 onClick="windows.open("Submit.html")"
改成
- onClick="window.location.reload('Submit.html');"
- window.open('Submit.html')
来源: http://www.phperz.com/article/17/0224/267171.html