使用layui html 页面使用传递id 在页面上打开一个新的窗口

最新推荐文章于 2024-08-04 02:47:25 发布

Owen°

最新推荐文章于 2024-08-04 02:47:25 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签： html

本文链接：https://blog.youkuaiyun.com/myNameIsOwen/article/details/106850937

这篇博客介绍了如何在html页面中利用layui框架，通过传递id参数，在页面上打开一个新的窗口。内容包括html和js代码示例，需要注意的是，需要自行引入layui的js和css包。

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

html代码

<button  onclick="javascript:copy(this);" id="{$rel['id']}">编辑</button>

js 代码

需要手动引入layui js css 包这里我就不示范了

 function copy(e){
        var id=e.id;
        layer.open({
            type: 2,
            title:"修改信息",
            closeBtn: false,
            shift: 2,
            area: ['80%', '100%'], //控制窗口大小
            shadeClose: true,
            content:"{:url('Index/update')}"+"?id="+id,  //这里填写自己的路径
        });
    }