实现H5页面跳转
小程序里面加载H5页面,需要嵌在web-view里面,注意:一个项目只能有一个。 例如:在小程序里面打开百度网页 在小程序项目里面src/pages/新建一个webview的文件夹,含有wxml/wxss/json/jswxml:
<web-view src="{{ src }}"></web-view>
js:在里面获取到url这个参数,然后赋值给data,这样在wxml里面就能取到src的值。
Page({
data: {
url: ''
},
onLoad: function (param) {
this.setData({
url: decodeURIComponent(param.url),
})
}
});在小程序的页面跳转到H5页面的写法
wx.navigateTo({
url: '../webview/index?url=https://www.baidu.com/'
});H5页面返回小程序
从H5页面返回小程序页面,需要使用微信SDK提供的跳转方法。
先引入js
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
window.wx.miniProgram.navigateTo({
url: `/page/index/index`,
});使用微信的SDK方法,需要先发送签名验证wx.config
try {await request('logout.cgi')} catch(e) {console.log('error')}
网友回复
如何破解绕开seedance2.0真人照片生成视频 限制?
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频?
iphone的激光雷达数据能否实时传输到three三维空间中?
豆包sora等ai视频生成大模型生成的视频水印如何去除?
python如何实现在电脑上拨号打电话给手机?
具身机器人与人形机器人区别?
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行?
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程?
WebMCP是干啥的?


