layer弹窗如何关闭并打开新页面-图片地址找不到的情况下设置默认图片

之前看一个同事每天写博客,对学习有很大帮助,所以想效仿一下,不求太多,但求自己所得的知识能记的更深刻一点。今天是第一次,不做太多内容,就分享一下几个小的知识点,本篇博客因为内容比较零散,所以会不定期更新,知识点已经记牢的童靴,请自行忽略。
一、layer弹窗如何关闭并打开新页面

var index = parent.layer.getFrameIndex(window.name) //获取窗口索引值
parent.layer.close(index); //关闭窗口
parent.window.location.href=url;//执行操作

二、图片地址找不到的情况下设置默认图片

<img src="url" onerror="javascript:this.src='’http://www.baidu.com'">
注释 onerror属性就是默认图片

二、上传图片预览功能

$('.background_img input').change(function () {
   var file = this.files[0];
   if(file.type.indexOf("image")==0){
       var reader = new FileReader();
       reader.readAsDataURL(file);
       reader.onload = function(e) {
           // 图片base64化
           var newUrl = this.result;
           $(".img_preview").attr("src",newUrl)
       };
   }
})

正则表达是匹配换行符和空格

.replace(/[\ +/g,"")       //空格
.replace(/[\r\n]/g,"")    //匹配回车和换行
.replace(/[\r\n]\ +/g,"")   //匹配空格回车和换行

获取对象数组中的某个属性的最大值和索引

var max = 0;//options.series[0].data为数组对象
options.series[0].data.map(function (item) {
    if(item.value>max){
        max=item.value
        var index = options.series[0].data.indexOf(item)//获取索引
    }
});
Math.max.apply(Math, options.series[0].data.map(function(o) {return o.value}))//获取最大值

解决苹果手机对input[type=checked]不兼容的问题

添加clear:both属性 input添加 id=“ckb_sms” label添加 for=“ckb_sms”
注意:后面必须是label标签


`layer.open` 是一个在前端开发中常用的弹窗插件,通常用于在页面上创建模态对话框、提示信息、加载层等。如果你希望在弹窗关闭后保留父页面的查询条件并进行刷新,可以通过以下步骤实现: 1. 在打开弹窗之前,首先保存当前父页面的查询条件。这可以通过将查询条件存储在全局变量、sessionStorage、localStorage 或者其他状态管理工具中来完成。 2. 打开弹窗,并在弹窗中进行相应的操作。 3. 当弹窗关闭时,触发一个事件或者使用弹窗提供的回调函数来读取保存的查询条件,并对父页面进行刷新操作。如果你使用的是JavaScript和jQuery,可以使用`layer.close`方法来关闭弹窗,并通过设置回调函数来执行刷新逻辑。 4. 在回调函数中,从之前保存的位置(如sessionStorage、localStorage等)获取查询条件,并更新父页面的相关内容。 示例代码如下: ```javascript // 保存当前查询条件 var searchParams = { keyword: $('#keyword').val(), // 假设查询条件是一个关键字 page: 1 // 假设还有分页信息 }; sessionStorage.setItem('searchParams', JSON.stringify(searchParams)); // 打开弹窗 layer.open({ // 弹窗的配置项 success: function(layero, index){ // 弹窗关闭后触发的回调函数 layer.close(index, function(){ // 从sessionStorage获取之前保存的查询条件 var savedParams = JSON.parse(sessionStorage.getItem('searchParams')); // 更新父页面的查询条件并刷新页面 $('#keyword').val(savedParams.keyword); // 假设有一个刷新父页面的方法refreshParentPage refreshParentPage(savedParams); }); } }); function refreshParentPage(params) { // 根据params中的信息刷新父页面的查询结果 // 例如使用Ajax请求获取新数据并更新DOM } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值