微信开发公众号alert/confirm弹框去掉域名的方法

重写alert:

window.alert = function(name){
  var iframe = document.createElement("IFRAME");
  iframe.style.display="none";
  iframe.setAttribute("src", 'data:text/plain,');
  document.documentElement.appendChild(iframe);
  window.frames[0].window.alert(name);
  iframe.parentNode.removeChild(iframe);
 };
重写confirm方法:

window.confirm = function (message) {
   var iframe = document.createElement("IFRAME");
   iframe.style.display = "none";
   iframe.setAttribute("src", 'data:text/plain,');
   document.documentElement.appendChild(iframe);
   var alertFrame = window.frames[0];
   var result = alertFrame.window.confirm(message);
   iframe.parentNode.removeChild(iframe);
   return result;
 };

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 好的,以下是一个简单的微信小程序多选项弹框的代码示例: ``` <view class="modal-mask" wx:if="{{showModal}}"> <view class="modal-container"> <view class="modal-header">{{title}}</view> <view class="modal-content"> <view class="modal-item" wx:for="{{options}}" wx:key="{{index}}" bindtap="handleSelectOption"> <checkbox value="{{item.value}}" checked="{{item.checked}}"> {{item.label}} </checkbox> </view> </view> <view class="modal-footer"> <button class="modal-button" bindtap="handleCancel">{{cancelText}}</button> <button class="modal-button" bindtap="handleConfirm">{{confirmText}}</button> </view> </view> </view> ``` 这段代码定义了一个名为 `showModal` 的布尔型变量来控制多选项弹框的显示。在弹框内部,使用了 `wx:for` 指令来遍历一个数组 `options`,数组中包含了所有可供选择的选项。对于每个选项,使用了 `checkbox` 组件来展示其内容,并将其选中状态绑定到 `item.checked` 变量上。 在弹框底部定义了两个按钮,分别用于取消和确认选择。点击这些按钮时,可以调用对应的事件处理函数 `handleCancel` 和 `handleConfirm`。同时,在点击每个选项时也定义了一个事件处理函数 `handleSelectOption`,用于在选中或取消选中某个选项时更新其状态。 需要在相应的 js 文件中定义以下变量和函数: ``` Page({ data: { showModal: false, title: '选择选项', cancelText: '取消', confirmText: '确定', options: [ { label: '选项1', value: 'option1', checked: false }, { label: '选项2', value: 'option2', checked: false }, { label: '选项3', value: 'option3', checked: false } ] }, handleSelectOption: function(e) { const index = e.currentTarget.dataset.index; const checked = !this.data.options[index].checked; const key = `options[${index}].checked`; this.setData({ [key]: checked }); }, handleCancel: function() { this.setData({ showModal: false }); }, handleConfirm: function() { const selectedOptions = this.data.options.filter(option => option.checked); const selectedValues = selectedOptions.map(option => option.value); // 在此处编写处理选择结果的代码 this.setData({ showModal: false }); } }) ``` 在上述代码中,`handleSelectOption` 函数用于更新选项的选中状态。当用户点击某个选项时,该函数会根据点击事件的 `index` 属性更新该选项的 `checked` 属性,并将其存储到小程序的状态中。 `handleCancel` 和 `handleConfirm` 函数分别用于响应取消和确认按钮的点击事件。在确认选择时,可以使用 `filter` 和 `map` 方法从所有选项中提取出选中的选项,以便进行后续处理。 最 ### 回答2: 好的,以下是一个简单的微信小程序的多选项弹框的实现方法: 1. 首先,在小程序的页面中添加一个按钮,例如: ```html <button bindtap="showOptions">显示选项</button> ``` 2. 然后,在对应的页面的.js文件中定义showOptions函数,用于显示弹框: ```javascript Page({ showOptions: function () { wx.showActionSheet({ itemList: ['选项1', '选项2', '选项3'], // 设置选项列表 success: function (res) { // 用户选择了某个选项后的回调函数 if (!res.cancel) { console.log('用户选择了第' + (res.tapIndex + 1) + '个选项'); } } }) } }) ``` 3. 最后,在小程序的页面的.wxss文件中添加样式: ```css button { width: 200rpx; height: 100rpx; background-color: #333; color: #fff; font-size: 32rpx; border-radius: 10rpx; margin: 50rpx auto; display: flex; justify-content: center; align-items: center; } ``` 通过以上步骤,当用户点击按钮时,就会显示一个多选项弹框,用户可以从选项列表中选择一个选项。选择后,会在控制台上输出用户选择的选项。 希望以上回答对您有所帮助! ### 回答3: 要写一个微信小程序的多选项弹框,你可以按照以下步骤进行: 1. 在app.json文件中添加一个新的页面,用于显示多选项弹框。 2. 在该页面的js文件中编写相关逻辑代码:首先定义一个数组,用于存储多选项的数据;然后为多选项绑定点击事件,在点击时改变选中状态,并更新数组中的数据;最后定义一个确认按钮的点击事件,将选中的项返回给上一页。 3. 在该页面的wxml文件中编写界面布局:使用wx:for指令遍历多选项的数据,使用checkbox组件显示选项,并绑定点击事件;最后添加一个确认按钮。 4. 在上一页的js文件中,引入该页面并调用wx.navigateTo方法跳转到该页面。 5. 在上一页的js文件中,定义一个函数用于接收从多选项弹框页面返回的数据,并处理返回数据的方法。 6. 在上一页的wxml文件中,添加一个按钮,绑定点击事件,调用wx.navigateTo方法跳转到多选项弹框页面。 7. 在上一页的js文件中,注册函数的回调,用于接收从多选项弹框页面返回的数据,并进行相应的处理。 通过以上步骤,你就可以成功实现一个微信小程序的多选项弹框。记得在编写代码时考虑到各种异常情况的处理,确保程序的稳定性和用户体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值