自动关闭的弹出框(alert)

最新推荐文章于 2023-06-29 11:36:21 发布
最新推荐文章于 2023-06-29 11:36:21 发布
阅读量8.6k 收藏 2
点赞数
分类专栏： 撼动我的未来 文章标签： javascript generator function html iframe button
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jxyangzi/article/details/1747476
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
 <INPUT TYPE="button" NAME="" οnclick="alert('看到效果没有啊,我将消失',);" value="Test">
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!--
   function autoCloseAlert(msg)
   {
      var tempFrm=document.getElementById("msgFrm");
   if(tempFrm==null||typeof(tempFrm)=="undefined")
   {
     tempFrm =document.createElement("iframe");
  document.body.appendChild(tempFrm);
  tempFrm.id = "msgFrm";  
     tempFrm.name ="msgFrm";
     tempFrm.style.display="none";
   }
   msg=msg.replace(/"/g,"///"");
   msg=msg.replace(//n/g,"//n");
   var sfeature="status:no;resizable:no;help:no;dialogHeight:height:30px;dialogHeight:40px;";
   msgFrm.showModelessDialog("javascript:alert(/""+msg+"/");window.close();","",sfeature);
   setTimeout("msgFrm.location.reload();",1500);
 }
    //重写弹出框
 var oldAlert = window.alert;
    window.alert = function(msg)
    {
      var tempEvent=window.event;
    if(tempEvent==null)
    {
       oldAlert(msg);
    }else
    {
       autoCloseAlert(msg);
    }
    }
  alert('还是以前那个');
//-->
</SCRIPT>

alert 延迟自动关闭
qq_43717742的博客
01-09 1774
alert 延迟自动关闭
可自动关闭的alert()方法
热门推荐
kopala的博客
09-09 2万+
 html>  head>  title>JavaScript自动关闭窗口title>  meta http-equiv="content-Type" content="text/html;charset=gb2312">  head>  body>     input type="button" value="弹出alert框自动关闭" onClick="Alert('不点击确定三秒后
js提示框替代系统alert,自动关闭alert对话框的实现方法
01-19
自己写了个alert提示框。因为系统alert在苹果手机微信中，提示时，顶部会显示网站地址。 同时其他后续操作需要在js中继续填写。因此简单用div写了一个alert提示框，并自动关闭。 效果图 css样式 /*弹出消息对话框样式*/ .show_alert_box{ width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.6); display:none; z-index:200; } .show_alert_div{ width:70%; position:ab
Alert弹出框自动关闭
xiaowangzi1988的专栏
04-14 1万+
<br /><html>   <br /><head>   <br /><title>自动关闭alert框-模拟成非模态形式</title>   <br /></head>   <br /><body>   <br /><input type="button" value="弹出alert框自动关闭" onClick="myAlert('不点击确定三秒后自动关闭')">   <br /></body>   <br /><script type="text/javascript"><br /> functio
自动关闭 Alert 窗口
u012416335的专栏
10-13 1521
UIAlertView  *alert = [[UIAlertView  alloc]initWithTitle:nil message:[@"一个可以自动关闭的Alert窗口"delegate:nil  cancelButtonTitle:nil //NSLocalizedString(@"OK", @"OK")   //取消任何按钮   otherButtonTi
alert实用的提示框（可点击关闭，自动消失，悬浮于右上角）
最新发布
q_1092535160的博客
06-29 1275
alert提示框
创建一个自动关闭的Alert弹出框
背着空空的行壤，一路走来，收拾着点点滴滴...
04-24 240
转： Creating a self-closing Alert control in Flex [url]http://blog.flexexamples.com/2009/04/08/creating-a-self-closing-alert-control-in-flex/[/url] [code="java"] ...
html5点击弹出自动关闭消息提示框
11-24
3. **自定义消息提示框**：由于`alert()`等内建函数并不支持自动关闭，我们需要自定义一个消息提示框。这通常涉及到创建一个新的HTML元素（如`div`），通过CSS设置样式使其看起来像一个提示框，然后用JavaScript控制...
Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码
10-14
在本文中，我们关注的是Bootstrap中的告警框（alert）组件，并且将会探索如何使用Bootstrap来实现一个告警框的弹出效果，以及如何让它短暂显示之后上浮消失。这一功能的实现主要依赖于JavaScript和Bootstrap的类库，...
JavaScript基础教程之alert弹出提示框实例
10-25
在学习JavaScript时，弹出提示框是一个基础且重要的组成部分，通常使用alert()函数来实现。本篇基础教程将详细介绍如何使用alert弹出提示框，并演示其基本用法和注意事项。 alert()函数是JavaScript中最简单的函数...
autoCloseAlertDialog
03-28
实用，下载，导入就能使用，适合初学者，深入理解最基础的代码！
提示框过几秒钟后自动关闭
07-12
提示框提示完成后，可以设定过几秒钟用户不操作的话，自动关闭
sweetalert加载弹窗完成自动关闭
09-19
sweetalert加载弹窗完成自动关闭，比较完整的sweetalert加载完成案例
juery实现alert弹框2s自动关闭
Camellia919的博客
12-08 2949
消息提示信息在使用$.massager.alert("提示","保存成功！")后每次都需要点击【确定】按钮才能关闭弹框，客户体验度不太好，于是想到setTimeout方法去延时关闭这个窗口。如下：直接copy就可以使用setTimeout(function(){ $(".messager-body").window('close'); },1000); alert()弹框貌似无法直接关闭
自动关闭的提示框
稻花香的博客
05-19 620
//自制提示框 function showTips(content, height, time) { //窗口的宽度 var windowWidth = $(window).width(); $(".tipsClass").css("top", height + 'px'); $("...
html中alert弹窗自动消失,模拟alert2秒后自动消失弹出框
weixin_32487755的博客
05-31 2607
//显示框信息function showMsg(val,time){if(!document.getElementById('parent_pop_up')){var parent_pop_up = document.createElement('div');parent_pop_up.id = "parent_pop_up";parent_pop_up.style.cssText = "posi...
html提示框自动关闭,js实现弹框及自动关闭
weixin_29735807的博客
05-31 2669
< !--window.open (''page.html'',''newwindow'',''height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no'')-->< /SCRIPT>< SCRIPT LANGUAGE...
Jquery-自定义alert弹窗提示，自动消失
不凡乃大的博客
08-08 4990
代码】自定义alert弹窗提示，自动消失。
C# Alert弹出框自动关闭
05-31
你可以使用JavaScript来实现自动关闭弹出框。以下是一个例子： ```javascript <script type="text/javascript"> function showAlert() { alert("这是一个弹出框。"); setTimeout(function () { $('.alert').hide(); }, 5000); } </script> ``` 在这个例子中，`showAlert`函数会弹出一个警告框。然后使用`setTimeout`函数将弹出框隐藏在5秒钟后。 你也可以使用`setInterval`函数来定期检查弹出框是否需要关闭。例如： ```javascript <script type="text/javascript"> function showAlert() { alert("这是一个弹出框。"); setInterval(function () { if ($('.alert').is(":visible")) { $('.alert').hide(); } }, 5000); } </script> ``` 在这个例子中，`setInterval`函数将每5秒钟检查一次弹出框是否可见。如果可见，它会将其隐藏。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值