一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法

最新推荐文章于 2022-03-29 15:00:21 发布

手机用户1841262522

最新推荐文章于 2022-03-29 15:00:21 发布

阅读量811

点赞数

文章标签： css javascript web java

本文链接：https://blog.csdn.net/wxx5458/article/details/115346468

版权

本文介绍了两种实现浏览器弹窗提示内容在几秒后自动消失并执行其他函数的方法。第一种方法是通过向body动态插入div标签，并结合CSS实现效果。第二种方法则是重写alert()函数来达到目的。

摘要由CSDN通过智能技术生成

一.关于实现浏览器弹窗提示内容几秒后自动消失重定向执行其他函数的两种方法

第一种方法–向body动态写入div标签调用css效果显示：

(新建*.jsp放在WebContent根目录下直接访问ip:端口\项目名\ …jsp)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />	<!-- 项目名/WebContent/css（文件夹）/base.css -->
<script src="js/jquery-1.4.4.min.js"></script> <!-- 项目名/WebContent/js（文件夹）/jquery-1.4.4.min.js -->
<script type="text/javascript">
function success_prompt(message)
{
   
	
 	var a=1;
	$('<div>')
		.appendTo('body')
		.addClass('alert')
		.html(message)
		.show()
		.delay(3000)
		.fadeOut();
	 	//setTimeout("jump()", 3000);
	 	setTimeout(function jum(){
   if(a==1){
   window.location.href="http://www.baidu.com"}
	 	else{
   window.location.href="http://www.2345.com"}},
	 	3000