layer——常用的几种弹出层

ゝ一纸荒年。 2022-03-10 10:38 614阅读 0赞

layer也是个经常使用的前端插件，今天小菜来简单记录一下layer中经常使用的几种弹出层

# <table>   <tbody>    <tr>     <td align="left"><font>*layer.msg </font></td>    </tr>   </tbody>  </table> #

layer.msg('小黑框形式的提示', {
           time: 1000,
     }, function () {
            parent.window.location.reload();
     });

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dobTE4MzIyMzk0NzI0_size_16_color_FFFFFF_t_70]

# <table>   <tbody>    <tr>     <td align="left"><font>*layer.alert</font></td>    </tr>   </tbody>  </table> #

layer.alert('类似浏览器的alert',{title:'提示',btn:['确定','取消'],yes:function (index) {
    		alert(1)
    },cancel:function (index) {
    		alert(2)
    }})

# <table>   <tbody>    <tr>     <td align="left"><font>*layer.confirm</font></td>    </tr>   </tbody>  </table> #

layer.confirm('抱歉！',{title:'提示',btn:['确定','取消'],yes:function (index) {
    		alert(1)
     },cancel:function (index) {
    		alert(2)
     }})

# <table>   <tbody>    <tr>     <td align="left"><font>*layer.open</font></td>    </tr>   </tbody>  </table> #

function openMap(id) {
            var url = "/position/track?id=" + id;
            layer.open({
                type: 2,
                title:['巡查轨迹','font-size:14px;'],
                area: ["1000px", "600px"],
                resize:true,
                maxmin:true,
                content: '<%=request.getContextPath()%>' + url
            });
      }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dobTE4MzIyMzk0NzI0_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dobTE4MzIyMzk0NzI0_size_16_color_FFFFFF_t_70]: /images/20220310/54000cd43ddf4c1e97a4dff51c88ecae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dobTE4MzIyMzk0NzI0_size_16_color_FFFFFF_t_70 1]: /images/20220310/35043cc0ea4d4895bbcef1632b88d8df.png