layer 调iframe

最新推荐文章于 2025-05-12 03:45:04 发布

huang100qi

最新推荐文章于 2025-05-12 03:45:04 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huang100qi/article/details/51485508

本文展示了一个使用Layer弹窗插件实现自定义提示框的例子。通过点击按钮触发弹窗，展示不同响应选项并根据用户选择显示反馈信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fasfsaf</title>
    <script src="jquery.min.js"></script>
    <script src="layer-v2.3/layer/layer.js"></script>
</head>
<body>
   <button id="kk">点击我</button>
   <script >
       $('#kk').on('click',function(){
           layer.open({
               title:'你妈B咬我啊！',
               shade: false,
               area: ['450px', '90%'],
               content: 'https://www.baidu.com', //iframe的url
               type: 2,
               btn: ['确认', '取消'],
               shadeClose: true,
               yes: function(){
                   layer.open({content: '你点了确认'});
               }, no: function(){
                   layer.open({content: '你选择了取消'});
               }
           });
       });


   </script>
</body>
</html>