javascript中有三种方式可以和用户进行交互，分别是alert、prompt、confirm

alert

alert是一个消息对话框，弹出之后页面被锁定，直到点击确认按钮才解锁

alert("Hello");

prompt

可以允许用户输入，当点击确定后可以获取用户的输入，如果用户取消则返回null

let age = prompt('How old are you?', 100);alert(`You are ${age} years old!`); // You are 100 years old!

prompt有两个参数，第一个参数为问题的描述，第二个参数为输入框的默认值

confirm

confirm用户获取用户的操作，返回true或者false

let isBoss = confirm("Are you the boss?");alert( isBoss ); // true if OK is pressed

javascript中的交互效果相关推荐

iOS原生WebView中JavaScript和OC交互
在iOS开发中很多时候我们会和UIWebView打交道,目前国内的很多应用都采用了UIWebView的混合编程技术,最常见的是微信公众号的内容页面.前段时间在做微信公众平台相关的开发,发现很多应用场景 ...
axure 图片切换图片的交互_AxureRP8中实现伸缩式的图片展示交互效果
上午的时候,在一个群里看到这样的实现需求. 伸伸缩缩,感觉很爽的样子. 那么,这样的一个交互效果如何实现呢? 详细的教程我就不写了,直接上交互截图和源文件就好了. 好多操作步骤是吧? 实际上,只需要在 ...
html 点击收藏效果,收藏Javascript中常用的55个经典技巧
收藏Javascript中常用的55个经典技巧更新时间:2007年08月12日 15:39:21 作者: 1. οncοntextmenu="window.event.returnVa ...
javascript中display方法或者visibility隐藏元素实现的效果
在前端开发html页面的时候,可以使用js中实现,修改元素的属性,达到隐藏元素,以及隐藏后的元素的显示的效果:需要修改元素的display方法或者visibility,两种方案实现的效果不同,可参考下 ...
html中图片动态效果代码,CSS3实现的图片动态交互效果
CSS3实现的图片动态交互效果_网页代码站(www.webdm.cn) body { background: #cde; } .view { width: 250px; height: 167px; ...
javascript案例_如何在JavaScript中使用增强现实-一个案例研究
javascript案例 by Apurav Chauhan 通过Apurav Chauhan 如何在JavaScript中使用增强现实-一个案例研究 (How to use Augmented Re ...
ScrollMagic – 酷毙了！超炫的页面滚动交互效果
ScrollMagic 是一款 jQuery 插件,它让你可以像使用进度条一样使用滚动条.如果你想在特定的滚动位置开始一个动画,并且让动画同步滚动条的动作,或者把元素粘在一个特定的滚动位置,那么这款插 ...
java犯的小错误_[Java教程]十个JavaScript中易犯的小错误，你中了几枪？
[Java教程]十个JavaScript中易犯的小错误,你中了几枪? 0 2015-06-01 12:00:19 序言在今天,JavaScript已经成为了网页编辑的核心.尤其是过去的几年,互联网见 ...
了解JavaScript中的prototype （实例）
JS中的phototype是JS中比较难理解的一个部分.javascript的方法可以分为三类:类方法,对象方法,原型方法. 例子: function People(name) {this.name= ...
【轻聊前端】JavaScript中的数字游戏
2022版idea永久试用(使用)30秒教你学会操作Java编程必备!,新手必备神器!不用破解永久白嫖_哔哩哔哩_bilibili 数字,即本篇的主角Number,在程序的世界里能代表很多东西--状 ...

javascript中的交互效果

alert

prompt

confirm

javascript中的交互效果相关推荐

最新文章

热门文章