如何实现微信小程序与H5页面之间的相互跳转，并传递extraData数据？请提供示例代码。

微信小程序与H5页面的相互跳转是移动应用开发中的一个重要技能，尤其是在需要在不同平台间共享数据或进行特定操作时。《微信小程序与H5页面跳转代码详解与示例》一文详细介绍了这一过程，并提供了实用的代码示例。

参考资源链接：[微信小程序与H5页面跳转代码详解与示例](https://wenku.csdn.net/doc/6401ace9cce7214c316ed980?spm=1055.2569.3001.10343)

在微信小程序中跳转到H5页面，可以通过设置一个按钮的点击事件来调用`wx.navigateToMiniProgram` API，并指定目标页面的路径及需要传递的数据。例如：

wx.navigateToMiniProgram({
    appId: '小程序的AppID', // 替换为实际的小程序AppID
    path: 'page/index/index', // 要跳转的小程序页面路径
    extraData: {
        key: 'value' // 需要传递的数据
    },
    success: function(res) {
        // 成功跳转后的回调
    },
    fail: function(err) {
        // 跳转失败的回调
    }
});

而在H5页面中跳转到微信小程序，可以在HTML页面中添加一个链接或按钮，并绑定一个点击事件，在该事件中使用`wx.miniProgram.navigateTo`方法来实现跳转。示例如下：

// 在HTML页面中
<button onclick=

参考资源链接：[微信小程序与H5页面跳转代码详解与示例](https://wenku.csdn.net/doc/6401ace9cce7214c316ed980?spm=1055.2569.3001.10343)