JS重写alert方法

最新推荐文章于 2024-05-15 15:20:08 发布

笔写心城

最新推荐文章于 2024-05-15 15:20:08 发布

阅读量1.7k

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/qq_39940390/article/details/100829898

版权

学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
 <head>
  <title>重写alert方法</title>
  <style type="text/css">
  #alert_box{
     position:absolute;
	 left:50%;
	 top:50%;
	 width:400px;
	 height:200px;
	 display:none;
  }

  #alert_box dl{
     position:absolute;
	 left:-200px;
	 top:-100px;
	 width:400px;
	 height:200px;
	 border:solid 1px red;
	 border-radius:8px;
	 overflow:hidden;
  }

  #alert_box dt{
     background-color:#ccc;
	 height:30px;
	 text-align:center;
	 line-height:30px;
	 font-weight:bold;
	 font-size:15px;
  }

  #alert_box dd{
     padding:6px;
	 margin:0;
	 font-size:12px;
  }
  </style>
 </head>
 <body>

    <script type="text/javascript">
	  window.alert=function(title,info)
	  {
		  var box=document.getElementById("alert_box");
		  var html='<dl><dt>'+title+'</dt><dd>'+info+'</dd><\/dl>';
		  if(box)
		  {
			  box.innerHTML=html;
			  box.style.display="block";
		  }
		  else
		  {
			  var div=document.createElement("div");
			  div.id="alert_box";
			  div.style.display="block";
			  document.body.appendChild(div);
			  div.innerHTML=html;
		  }
	  }
	  alert("重写alert","设计思路");
	</script>

 </body>
</html>

笔写心城

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
JS重写alert方法

<!doctype html><html> <head> <title>重写alert方法</title> <style type="text/css"> #alert_box{ position:absolute; left:50%; top:50%; width:400px; h...
复制链接

扫一扫

专栏目录