都是一些常见操作,整理一下方便查阅

for循环跳出此次/后续循环

1
2
3
4
5
6
7
8
9
10
11
12
13
for(var i = 1; i < 5; i++) {
    if(i == 3) {
        break; 
    }
    console.log(i);// 1 // 2
}
for(var i = 1; i < 5; i++) {
    if(i == 3) {
        continue; 
    }
    console.log(i);// 1 // 2 // 4
}

打印表单formdata中的键值

1
2
3
4
5
6
7
for (var value of formData.values()) {
    console.log(value);
}
//or
for (var [a, b] of formData.entries()) {
    console.log(a, b);
}

异步加载js脚本

1
2
3
4
5
6
7
8
9
10
11
const loadScript = async (url, cb) => {
    const script = document.createElement("script");
    script.type = "text/javascript";
    script.async='true';
    script.src = url;
    document.body.append(script);
    script.onload = function(){
        console.log('脚本加载完成');
        cb()
    }
}

onload方法和异步加载图片之后触发的方法同理,可以查看我另一篇关于图片操作的文档

嵌套iframe父子页面进行通信

👉🏻

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// son
// 子页面发起数据传输
window.parent.postMessage({
    method: 'callAppToPage',
    params: {
    
    }
}, '*')

// parent
// 父页面注册监听事件
window.addEventListener('message', (evt)=>{
    console.warn('postMessages', evt.data.method, evt.data.params);
    bridge2(evt.data.method, evt.data.params)
})