iframe嵌套页面的跳转方式 一、背景A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，在D中跳转页面的写法区别如下。二、JS跳转window.location.href、location.href 本页面跳转，D页面跳转parent.location.href 上一层页面跳转，C页面跳转top.location.href 最外层页面跳转，A页面跳转三、链接或者formD页面中有form<form>: form提交后D页面跳转<form target="_blank">: form提交后弹出新页面<form target="_parent">: form提交后C页面跳转<form target="_top">: form提交后A页面跳转四、刷新parent.location.reload()：C页面刷新window.opener.document.location.reload()：C页面刷新(使用子窗口的opener对象来获得父窗口对象)top.location.reload()：A页面刷新知识点转自http://blog.csdn.net/yuling59520/article/details/5630766虽然现在iframe用的较少，但是一些管理系统里还是会用到，今天项目里就遇到一个很奇怪的bug，layer弹出层是一个新页面，页面上有日历控件（WdatePicker.js），关闭弹框时日历控件没有自动消失，这个bug不是所有的页面有，所以很奇葩，这个时候就用到了上面的知识点来解决的，代码如下：$(window.parent.document).find(".layui-layer-close").on("mousedown", function(){//关闭弹框前把日历控件关闭 window.top.$("body>div>iframe").parent("div").hide(); });

适配iphoneX底部安全区 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"><div class="bottom-btn-wrap"> //外面包一层 <div class="main_btn2"></div> //这个是按钮 <div class="placeholder-btn"></div> </div>.PlanBookbxModule .bottom-btn-wrap { position: fixed; left: 0; right: 0; bottom: 0; } .PlanBookbxModule .main_btn, .PlanBookbxModule .main_btn2 { width: 100%; box-sizing: border-box; height: 2.34667rem; padding-bottom: env(safe-area-inset-bottom); background-repeat: no-repeat; background-size: 100% 100%; } //这里是下面安全区 为了不让iphoneX下面的横杠不遮挡按钮或者图片 .PlanBookbxModule .placeholder-btn { height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom); background: #fff; } #root { padding-top: env(safe-area-inset-top); padding-right: env(safe-area-inset-right); padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); box-sizing: border-box; }

VSCode设置中文语言显示 Vscode是一款开源的跨平台编辑器。默认情况下，vscode使用的语言为英文(us)，如何将其显示语言修改成中文了？1）打开vscode工具；2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；3）修改locale.json文件下的属性“locale”为“zh-CN”;4）重启vscode工具；如果重启后vscode菜单等仍然是英文显示，在商店查看已安装的插件，把中文插件重新安装一遍（如下图），然后在重启工具。在上图中商店中搜索Chinese（Simplied） Lang，安装即可。