版权声明：本文为博主原创文章遵循 版权协议，转载请附上原文出处链接和本声明

因为h5需要提供全局方法普通html文件直接在window下掛一个方法即可，如：

注意：因为h5与app交互是通过url跳转的形式实现的因此此交互与普通url跳转前后触发时，会出现一些问题例：

问题：1、app無法接受到h5的消息 2、h5无法返回上一页，点击右上角回退按钮会直接退出浏览器环境（webview）

由交互引发的对生命周期的思考

开发时遇到一个经典问题需要在页面刚载入时与app交互判断是否显示一个弹窗。看似很简单进入页面调一个交互方法即可，但这个需求的解决经历了几个步骤：

因为created时实例就创建完成了，我开始的选择是在此生命周期挂载方法并调用交互结果：页面闪退，猜测：实例虽有但模板未编译挂载，app调用方法失败导致闪退

第二次将挂载和调用写在了mounted内结果：页面闪退，猜测（误）：挂载和调鼡靠的太近可能方法未挂载完就直接调用，导致闪退

created内挂载方法mounted内调用交互，结果：我的ios12无异常几乎以为成功时，ios10还是发生了闪退猜测ios12的webview对此问题进行了优化，考虑兼容性方案不可行。

猜测是window没有加载完便调用了window下的方法导致闪退，对交互方法加了1s延时荿功！但体验一般，因为硬性的定时容易引发许多不可控的问题而且弹窗延时的存在导致用户体验低下。

onload 事件会在页面或图像加载完成後立即发生mounted钩子里添加代码window.onload=function(){//调用交互}，在window加载完成以后触发交互而且此时间节点在的生命周期是不存在的，也是在mounted、created钩子后发生的這个原生的方法还是很棒的，完美解决~！