dialog.js使用

最新推荐文章于 2025-05-31 11:02:14 发布

码农张晓

最新推荐文章于 2025-05-31 11:02:14 发布

阅读量8.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： js&jQuery

本文链接：https://blog.youkuaiyun.com/qq_35661734/article/details/53202392

js&jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在网页中使用dialog.js来创建并实现主从页面的传值功能。首先，需要引入dialog.js的相关CSS和JS文件，然后通过调用脚本打开浮层。

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

一、.在当前页面中开启浮层，主从页面传值

1.引入相关css和js

2、打开浮层

Open('a1', '上传图片',1200,500, GLOBAL_PATH+'/jsp/company/uploadCompanyPhoto.jsp');

Open方法源码：function Open(id, title, width, height, targetUrl)

2、父页面DOM操作

parent.document.getElementById("imgUrl").src = data.result.url;
parent.document.getElementById("imgId").value = data.result.id;
关闭：Close('a1');
close方法源码：function Close(id)
二、相关弹框使用
<a href="javascript:;" onclick="Alert('alt1', '提示', 'alert.gif', '我提示对话框，警告(alert.gif)、错误(error.gif)、成功(success.gif)都可以用我');">提示框</a>
            
            
            <a href="javascript:;" onclick="Confirm('con1', '操作确认', 'confirm.gif', '确定要执行操作吗确定要执行操作吗？', function(){alert('确定');})">确认框</a>
            
            
            <a href="javascript:;" onclick="AlertMini('alt1', '我Mini对话框', 'success.gif', 2)">Mini提示框</a>
            
            
            <a href="javascript:;" onclick="Loading('lad1', '正在执行执行您的操作，请稍候...', 'loading.gif')">加载中</a>
            
            
            <a href="javascript:;" onclick="Open('win1', '上传图片', 800, 500, 'http://www.baidu.com')">打开窗口</a>
            
            
            <a href="javascript:;" onclick='Open("loginPop", "用户登录", 400, "auto", "/account/loginDialog?rurl=&type=2");'>登录窗口</a>
            
            
            <a href="javascript:;" onclick="ConfirmCustom('con1', '操作确认', 'confirm_s.gif', '确定要执行操作吗?', '50%', '50%', false, 'auto', false, true, null)">自定义确认框</a>
            
            
            <a href="javascript:;" style="float: right;" onclick="ConfirmShow(1)">删除</a>
            
            
            <a href="javascript:;" style="float: right;" onclick="ConfirmShow(2)">删除</a>
            
            
            <a href="javascript:;" style="float: right;" onclick="ConfirmShow(3)">删除</a>
            
            
            <a href="javascript:;" style="float: right;" onclick="ConfirmShow(4)">删除</a>
            
            
            <a href="javascript:;" style="float: right;" onclick="ConfirmShow(5)">删除</a>
        </div>
    <script type="text/javascript">
        function ConfirmShow(l) {
            Close(null);
            ConfirmCustom('con1', '操作确认', 'confirm_s.gif', '确定要执行操作吗?', (190 + (35 * l)), '96%', false, 150, false, false, null)
        }
    </script>