C 知道

消息
创作中心
栎妍妍 2020-11-26 06:39 采纳率: 27.3%
浏览 823
已结题

js怎样检测当前页面此时是否有alert()弹出??

现在我要做一个打印的功能，点击保存后马上点打印，就会把保存成功的消息框也打印进去，如图所示，想在调打印方法前通过js等手段手动关闭这个消息框，求大神解答，急！！

  • 写回答

2条回答 默认 最新

  • 论闲 2020-11-26 08:43
    关注
    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <title>Document</title>
	<style type="text/css">
		.box {
			width: 300px;
			height: 200px;
			background-color: #569cd6;
		}
		.tip {
			width: 200px;
			text-align: center;
			position: absolute;
			top: 50%;
			left: 50%;
			border: 1px solid #569cd6;
			padding: 10px;
			transform: translate(-50% ,-50%);
		}
		/* 关键代码 通过css设置当使用打印机的时候页面的样式 隐藏消息提示（如果权重不够高加 !important）*/
		@media print {
			.tip {
				display: none !important;
			}
		}
	</style>
</head>

<body>
	<!-- 内容区域 -->
    <div class="box"></div>
	<button type="button" id="btn">保存</button>
	<!-- 消息提示 -->
	<div class="tip">保存成功</div>
	<script type="text/javascript">
		$('.tip').hide()
		$('#btn').click(function(){
			 showTip();
			 window.print();
		})
		// 模拟消息提示
		function showTip(){
			$('.tip').show()
			setTimeout(function(){ $('.tip').hide(); }, 2000);
		}
	</script>
</body>

</html>

    你先找到那个消息提示框最外层的 id 或者 class 然后直接用上面这个方法应该就可以了

    如果你想让提示消息显示完再打印可以给 window.print() 加个 setTimeout（）

     

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题？

  • 让JavaScript的Alert弹出框失效的方法禁止弹出警告框
    2020-10-25 03:35
    在本篇技术分享中，我们将探讨如何通过编程方式使***ript的Alert弹出框失效。具体方法是对JavaScript内置的Alert函数进行重写。这种方法的实现思路是创建一个新的同名函数，覆盖原有的Alert函数，使其不再执行原本的...
  • C#实现在前端网页弹出警告对话框（alert）的方法
    2020-09-03 11:50
    这会导致在前端页面上生成一段JavaScript，当页面加载完毕后，浏览器会执行这段JavaScript，弹出包含"Are You sure.........."的警告对话框。 总结一下，C#实现在前端网页弹出警告对话框的方法主要是通过在服务器端...
  • JavaScript检测弹出窗口是否已经关闭的方法
    2020-10-24 04:26
    在网页设计和前端开发过程中，我们经常会遇到需要通过JavaScript打开一个弹出窗口，并且要检测这个弹出窗口是否已经被关闭的需求。这种方法在用户引导、广告展示或者第三方登录等功能中非常常见。本文将深入探讨如何...
  • ASP.NET AJAX时用alert弹出对话框
    2021-01-21 11:10
    ScriptManager.RegisterClientScriptBlock(UpdatePanel1, this.GetType(), “click”, “alert(‘删除成功”+queryId+”‘)”, true);解决 asp.net onClientClick 与 验证控件冲突问题[removed] function ...
  • 禁止iframe页面的所有js脚本如alert及弹出窗口等
    2020-10-25 03:58
    因此，如何禁止iframe中的JavaScript脚本，尤其是那些干扰性的操作，如alert弹窗、弹出窗口等，就成为了前端开发者需要解决的一个问题。 首先，我们要了解iframe的工作原理。iframe相当于一个内嵌的浏览器窗口，它...
  • html-alert-div.rar_alert弹出div
    2022-09-19 11:46
    为了解决这个问题，开发者通常会选择创建自定义的弹出层，这就是"alert弹出div"的由来。 压缩包中的三个文件——"弹出层1.html"、"弹出层2.html"和"弹出层3.html"，展示了三种不同的弹出层实现方法。这些方法通常...
  • java前端 js弹出框_JavaScript三种弹出框（alert，confirm和prompt）用法举例
    2021-03-12 19:20
    weixin_39669265的博客 我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继续或者放弃，这里有三种模式消息框，它们分别是alert(),confirm()和prompt()。下面我用最简单的方式和例子来做一下介绍：1...
  • Bootstrap告警框（alert）实现弹出效果和短暂显示后上浮消失的示例代码
    2020-10-14 12:36
    需要强调的是，虽然示例代码仅适用于使用Bootstrap框架的网页，但实现告警框弹出和消失的原理可以应用于任何前端框架或原生JavaScript开发的网页中，只需适当地调整代码和使用对应的DOM操作技术即可。此外，实现这一...
  • 前端开发之弹出框系列教程一：Alert提示框
    2020-08-11 03:54
    gz_gy的博客 1、居中弹出 $k.alert({content:'居中弹出'}); 查看效果 2、左上角弹出 $k.alert({ content:'左上角弹出', style:{left:0,top:0} }); 查看效果 3、右下角弹出 $k.alert({ content:'右上角弹出',...
  • alert.js弹出层插件下载.zip
    2022-11-16 13:21
    《alert.js弹出层插件：前端开发中的实用工具》 在前端开发中，与用户交互是至关重要的，而弹出层（popup）是实现这一目标的常见手段。"alert.js"是一个专为网页设计的弹出层插件，它为开发者提供了便捷的方式来...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 8月10日
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区，与千万技术人共成长

专业的中文 IT 技术社区，与千万技术人共成长

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

关注【CSDN】视频号，行业资讯、技术分享精彩不断，直播好礼送不停！

 客服 返回
顶部