弹出模态框

开发工具与关键技术:DW
作者:冯超
撰写时间:2019年2月14日

下面是两种弹出模态框的方法
js弹出模态框,代码如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<script>
function showCeshi(){
   alert("测试一");
}
</script>
<button onclick="showCeshi()">测试一</button>
</body>
</html>

在这里插入图片描述

Jquery弹出模态框,代码如下
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery弹出模态框</title>
<script src="../jquery-1.12.4/jquery-1.12.4.min.js"></script>
</head>
<body>
<script>
 $(function(){
     $("#b").click(function(){
   	  alert("测试二");
     });
 });
</script>
<button id="b">测试二</button>
</body>
</html>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44540198/article/details/87355072
今日推荐