写一个微信小程序页面用按钮打开外部链接
时间: 2024-06-10 21:05:23 浏览: 271
通过H5链接在微信端或者外部浏览器输入链接打开微信小程序
好的,下面是一个简单的微信小程序页面代码,其中包含一个按钮,点击按钮可以打开指定的外部链接:
```html
<view class="container">
<button bindtap="openLink">打开链接</button>
</view>
```
在页面对应的 js 文件中,需要定义 `openLink` 函数,实现打开外部链接的功能:
```javascript
Page({
openLink: function() {
wx.navigateTo({
url: 'https://www.example.com'
})
}
})
```
在 `openLink` 函数中,调用了 `wx.navigateTo` 方法打开指定链接,其中 `url` 参数为需要打开的链接地址。这样,当用户点击按钮时,就会跳转到指定的外部链接了。注意,需要在小程序后台配置域名白名单,才能成功打开外部链接。
阅读全文