栎妍妍 2020-11-26 14:39 采纳率: 27.3%
浏览 810
已结题

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

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

  • 写回答

2条回答 默认 最新

  • 论闲 2020-11-26 16: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条)

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 8月10日

悬赏问题

  • ¥20 求数据集和代码#有偿答复
  • ¥15 关于下拉菜单选项关联的问题
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉，不会对a-b<-200mv有影响吗，就是接受时，对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构，轴与轴承是否发生了碰撞？
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法，和Jdk11自带的加密结果会一样吗，不一样的话有什么解决方案，Jdk不能升级的情况
  • ¥15 画两个图 python或R