文档章节

JavaScript中通过提示框跳转页面的方法

石头大爷
 石头大爷
发布于 2016/04/19 00:06
字数 497
阅读 74
收藏 0

通过提示框跳转页面具体代码如下所示:

<!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实现页面跳转的方式

第一种:

1
2
3
<script language= "javascript" type= "text/javascript" >
window.location.href= "login.jsp?backurl=" +window.location.href;
</script>

第二种:

1
2
3
4
<script language= "javascript" >
alert( "返回" );
window.history.back(-1);
</script>

第三种:

1
2
3
<script language= "javascript" >
window.navigate( "top.jsp" );
</script>

第四种:

1
2
3
<script language= "JavaScript" >
self.location= 'top.htm' ;
</script>

第五种:

1
2
3
4
<script language= "javascript" >
alert( "非法访问!" );
top.location= 'xx.jsp' ;
</script>

接着给大家介绍js使用弹出窗口实现页面跳转的几种方式

———————————————————————————————————

第一种:弹出选择框跳转到其他页面

1
2
3
4
5
6
7
8
9
10
<script language= "javascript" >
<!--
function logout(){
if (confirm( "你确定要注销身份吗?是-选择确定,否-选择取消" ))...{
window.location.href= "/logout.asp?act=logout"
}
}
-->
</script>
<input type= "button" onclick= "logout()" value= "注销" />

第二种:弹出提示框跳转到其他页面

1
2
3
4
5
6
7
8
9
<script language= "javascript" >
<!--
function logout(){
alert( "你确定要注销身份吗?" );
window.location.href= "/logout.asp?act=logout"
}
-->
</script>
<input type= "button" onclick= "logout()" value= "注销" />

页面自动跳转到其他页面
———————————————————————————————————

只需要在页面加入一行代码

1
<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")"

改成

1
2
onClick= "window.location.reload('Submit.html');"
window.open( 'Submit.html' )


本文转载自:

石头大爷
粉丝 0
博文 5
码字总数 0
作品 0
合肥
私信 提问
JavaScript 页面跳转的几种方式

第一种: 第二种: 第三种: 第四种: 第五种: =====javascript中弹出选择框跳转到其他页面===== =====javascript中弹出提示框跳转到其他页面===== window.location=""...

长平狐
2013/01/06
958
0
jquery mobile 页面跳转方法

如果使用JavaScript代码切换当前显示的页面,可以调用jQuery Mobile中的changePage()方法。该方法可以设置跳转页面的URL地址、跳转时的动画效果和需要携带的数据,接下来通过一个简单的实例详...

李佳顺
2013/05/22
24K
3
js和原生应用常用的数据交互方式

场景1 在原生app中经常会使用到H5页面,比如说电商中的活动页,一些电商中的详情页,等等...这些页面都有一个特点,那就是在未来修改的可能性,和一次性的几率特别的大。所以用H5的页面是最睿...

Jamesdanner
2018/11/13
0
0
fineui中 page.ClientScript.RegisterStartupScript不响应

FineUI.PageContext.RegisterStartupScript 可以用。 因为fineui中的空间使用导致重写了一部分 dopostBock。 引起ClientScript.RegisterStartupScript 以及相关的方法都不可以使用了。 最后结...

马知常
2013/07/23
1K
2
JavaScript的基本使用

一、JavaScript的简单介绍   JavaScript是一种属于网络的脚本语言(简称JS),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaS...

码农47
2018/03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
6
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
4
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
5
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部