微信小程序(2) 按钮点击跳转页面

微信小程序中，按钮也是<button></button>标签，它通过bindtap属性绑定点击事件：



然后在js里面注册这个回调函数：



回调函数里面通过
wx.navigateTo({ url: '/pages/index/talkPage', })跳转到talkPage界面。注意，html界面要在app.json里面注册：



不注册的话会报错：navigateTo:fail url "pages/index/talkPage" is not in app.json
注册完毕之后编译，开发工具会自动为你创建一个对应的js和wxss文件，而且js里面会自动搭好基本函数：

// pages/index/talkPage.jsPage({
/** * 页面的初始数据 */ data: { },
/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { },
/** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { },
/** * 生命周期函数--监听页面显示 */ onShow: function () { },
/** * 生命周期函数--监听页面隐藏 */ onHide: function () { },
/** * 生命周期函数--监听页面卸载 */ onUnload: function () { },
/** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { },
/** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { },
/** * 用户点击右上角分享 */ onShareAppMessage: function () { }})往里面填充就好了，还是很容易捣鼓的。