小程序中网页端程序如何引入交互机制方案

小程序系列之web-view的页面引入交互实现方案

需求如下:

小程序商城将web-view页面引入，并要求该H5页面中添加一个'返回首页'按钮。当用户点击此按钮后将返回至小程序主界面。

解决方案如下:

按照微信小程序官方文档,web-view占据整个屏幕空间，并全面覆盖当前页面的所有组件。

在H5项目的HTML5框架页面中添加按钮及JavaScript代码实现。其中原本计划根据当前运行环境来决定是否展示当前按钮。但是我们现在暂未使用此功能。如果需要实现此功能，则可以在JavaScript中预先判断并根据具体情况调整展示逻辑。具体而言，在JavaScript中先检查当前运行环境，并且如果检测到不在小程序环境中，则将div元素设置为不可见以避免显示问题。

    <div class="backHome" style="position:fixed;left:13px;bottom:13px;width:48px;height:48px;background-color:red;border-radius:3px;z-index:999999;line-height:48px;text-align:center;">首页</div>
    <script src="https://code.jquery.com/jquery-2.2.4