前端体验测试

Javascript模式消息框--alert()、confirm()和prompt()的区别与用法

我们在做网页交互的时候往往需要用户在操作之前弹出一个提示消息框来让用户做一些点击才能继续或者放弃,这里有三种模式消息框,它们分别是alert(),confirm()和prompt()。下面我用最简单的方式和例子来做一下介绍:

1、alert()--警告消息框
alert 方法有一个参数,即希望对用户显示的文本字符串。该字符串不是 HTML 格式。该消息框提供了一个“确定”按钮让用户关闭该消息框,并且该消息框是模式对话框,也就是说,用户必须先关闭该消息框然后才能继续进行操作。
例如:window.alert("欢迎!请按“确定”继续。"),将会出现下面的情况

Paste_Image.png

2、confirm()--确认消息框
使用确认消息框可向用户问一个“是-或-否”问题,并且用户可以选择单击“确定”按钮或者单击“取消”按钮。confirm 方法的返回值为 true 或 false。该消息框也是模式对话框:用户必须在响应该对话框(单击一个按钮)将其关闭后,才能进行下一步操作。
例如: var truthBeTold = window.confirm("单击“确定”继续。单击“取消”停止。"),情况如下
if (truthBeTold) {
window.alert("欢迎访问我们的 Web 页!");
} else
window.alert("再见啦!");

Paste_Image.png

当你点击确定的时候:

Paste_Image.png

当你点击取消的时候:

Paste_Image.png

3、prompt()--提示消息框
提示消息框提供了一个文本字段,用户可以在此字段输入一个答案来响应您的提示。该消息框有一个“确定”按钮和一个“取消”按钮。如果您提供了一个辅助字符串参数,则提示消息框将在文本字段显示该辅助字符串作为默认响应。否则,默认文本为 "<undefined>"。 与alert( ) 和 confirm( ) 方法类似,prompt 方法也将显示一个模式消息框。用户在继续操作之前必须先关闭该消息框 。
例如:var theResponse = window.prompt("欢迎?","请在此输入您的姓名。");情况如下

加载超过5秒就会有74%的用户离开页面,H5的APP打开转化率平均值为17.52%,分享率平均值为3.93%。
  1、加载
  加载超过5秒就会有74%的用户离开页面。
  2、高峰期
  中午12点左右和晚上10点左右是页面访问高峰期。
  3、页面热度
  通过用户口碑扩散的移动页面,其访问热度往往持续两天左右。
  4、操作习惯
  大多数用户习惯滑动切换,放置在左边的按钮点击率低。
  5、流失率
  用户随着页面层级的加深而不断流失,流失率在前几页最高。
  6、流失率
  输入行为或者复杂交互行为会导致用户流失。
  7、转化率
  由H5页面引导去下载APP的转化率平均值为11.3%,最高值为36.6%。
  8、分享率
  H5页面的分享率平均值为3.93%,最高值为22.39%。
  (原数据:H5页面的分享率平均值为11.69%,最高值为43.22%。原数据是页面分享按钮点击率,现更新为微信/手Q右上角点击分享成功后收集的数据。)雷达下载可能有更详细的解说。
  9、页面寿命
  长期、固定位置的资源投放可以延长移动页面生命周期。
  10、停留时长
  功能型页面的平均停留时间比展示型页面的平均停留时间长。
  11、停留时长
  页面首屏和最后一屏的平均停留时间比中间页面的平均停留时间长。
  12、按钮点击
  按钮摆放在第一屏的点击率最高,第二屏骤减,最后一屏回升。
  13、按钮点击
  同样功能的按钮,名字设置影响点击率。
  14、按钮点击
  动画明显的元素更容易引起用户注意并点击。
  15、页面提示
  用户可能会忽略页面提示直接开始页面交互。
  16、操作习惯
  用户习惯沿用上一屏学习到的操作行为,如果当前操作不同,需要提示用户。

Paste_Image.png

猜你喜欢

转载自blog.csdn.net/LeiLiFengX/article/details/80565035