layer.open嵌入地址链接

最新推荐文章于 2024-09-09 09:13:42 发布

QQ:3083155908

最新推荐文章于 2024-09-09 09:13:42 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： layer

本文链接：https://blog.youkuaiyun.com/xiao297328/article/details/83175896

前端专栏收录该内容

20 篇文章

订阅专栏

博客展示了合同查看与下载页面的代码，包含查看和下载合同的按钮。同时给出了JavaScript代码，利用layer插件实现点击查看合同按钮时，以特定样式打开合同页面，涉及页面元素设置和layer弹窗的配置。

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

1.页面

<div class="cl pd-5 bg-1 bk-gray mt-10">
       <input type="hidden" value="${contract.viewpdf_url}" id="contract-btn">
       <a onclick="sing_view()" class="btn btn-warning radius ml-20 mr-20">查看合同</a> 之前用的button，总是报错
<a href="${contract.download_url}" class="btn btn-warning radius ml-20 mr-20">下载合同</a>
   </div>

2.js

function sing_view(){
   var href=$("#contract-btn").val();
   console.log(href);
   var index = layer.open({
   type : 2,
   title : '合同查看',
   content : href,
   area : ['90%', '90%'],
   shadeClose : false,
   shade : 0.8,
   cancel : function() {

}
});
}