通过基础js实现三种弹窗进行KTV点歌

最新推荐文章于 2022-11-08 18:56:48 发布

zzのpara

最新推荐文章于 2022-11-08 18:56:48 发布

阅读量609

点赞数

分类专栏：前端基础文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/paradoxzl/article/details/125777237

版权

本文介绍了JavaScript中的alert、confirm和prompt三种弹窗方式，并结合实例展示了如何在KTV点歌系统中运用这些弹窗，实现新增歌曲、查看曲库、置顶歌曲、删除歌曲和退出系统等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript中共有三种弹窗形式alert，confirm，prompt

alert一般用于提示信息或者警告信息的展示。

confirm用户点击“确定”或“取消”按钮时，弹窗会返回一个布尔值。确认返回true,取消返回false,由此可以判断用户的操作。

prompt用户可以在弹框输入字符串，点击确认后，弹窗会返回输入框内的字符串。

alert("这是一个alert")
confirm('这是一个confirm')
var str = prompt('这是一个prompt','这是预设答案')
console.log(str)

在这个KTV点歌系统中，主要是为了练习几种弹窗的使用，主要实现了1.新增歌曲\n2.查看我的曲库\n3.置顶歌曲\n4.删除歌曲\n5.退出系统几种功能

//定义两个曲库数组

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zzのpara

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

nodejs基于vue的KTV点歌系统

专注分享bishe530的博客

11-15

971

KTV点歌系统的后台开发目标是以信息管理系统的管理和开发方法，用目前现有的新技术进行系统开发，提供后台管理员高度友好的界面操作以及迅捷的信息处理。而前台的开发目标是以用户的需求作为主导，提供对用户而言非常友好的界面操作环境以及完善系统功能。本系统主要针对现在KTV点歌系统中存在的问题，对需要改进的地方进行系统分析，对系统所要实现的功能进行完善，使得其更具有高度界面友好的特性。提出对于系统而言具备可行性的方案，做好系统分析。编译出界面友好，功能齐全的KTV点歌系统系统。1.3 项目适用范围。

KTV点歌系统

05-07

【KTV点歌系统】是娱乐场所中常见的一种多媒体服务设施，它允许顾客通过便捷的操作界面选择并播放自己喜爱的歌曲。在这个项目中，我们主要关注如何实现一个高效、用户友好的KTV点歌系统，并对其进行不断优化。尽管这...

参与评论您还未登录，请先登录后发表或查看评论

ktv点歌系统

05-19

ktv点歌系统

javaScript数组：点歌台、抽奖功能（分析+代码）

小福气的博客

07-05

284

题目：点击开始按钮，进行随机抽取，点击停止按钮，确定抽到的人是谁（该思想可用于点歌、点名、抽奖系统）效果图：思路分析：（1）创建一个数组arr，用来存放姓名名单（2）创建一个点击事件，点击开始/停止按钮（3）用 .innerText 的方法，更改开始和停止按钮显示的内容（4）用setInterval（函数，间隔时间）去设置一个定时器timer，用来控制DIV中的名单多久遍历一次（5）用clearInterval（定时器名称）的方法去清除定时器(定时器创建后是需要清除的) 代

js实现点歌效果

sa1176732685的专栏

11-20

1211

背景音效站长学院www.pigzz.com> a{font-size:30pt;color:blue;font-family:Vineta BT} a:link{text-decoration:none;} a:hover{text-decoration:none;color:red} a:visited{text-decorati

jspm-KTV点歌系统系统毕业设计（附源码、运行环境）

09-07

381

c++实现KTV点歌系统.zip

12-31

总的来说，通过C++实现的KTV点歌系统涵盖了面向对象编程、数据结构、算法、用户界面设计、并发控制等多个IT领域的知识点。通过深入理解并实践这样的项目，开发者不仅可以提升C++编程技能，还能对软件工程的全貌有更...

QT实现的ktv点歌界面的一个简单实现(精简版)

01-30

在实际的KTV点歌系统中，还需要考虑多用户点歌、点歌历史记录、歌曲推荐等功能，这些都是通过扩展QT的基本控件和逻辑来实现的。对于“其他界面部分需要自己实现”的提示，意味着这个精简版仅包含了主界面，如点歌...

c#实现KTV点歌系统

01-01

下面通过图文并茂的方式给大家分享C#实现KTV点歌系统。 public enum SongPlayState { //未播放，播放，重播，切歌 unplayed, played, again, cut } public class Song { public string SongName { get; ...

java web手机端 ktv简单的点歌系统,可以用于毕业设计

04-13

数据库,登录注册,还有一些ajax,用的jquery mobile.js.功能能用,没有什么bug,新手可以看看,并且试用下

基于Vue和TypeScript的KTV点歌系统设计源码

最新发布

04-05

本资源提供了一套基于Vue和TypeScript的KTV点歌系统的设计源码，包含473个文件，其中包括171个JavaScript脚本文件，111个Markdown文档，以及77个JSON配置文件。此外，还包括10个Vue组件文件，9个ESLint配置文件，9个YAML配置文件，以及6个NYC配置文件。此外，还包括5个TypeScript源代码文件，4个NPM忽略文件，以及3个JPEG图片文件。这些文件详细展示了如何使用Vue、TypeScript、HTML和JavaScript构建一个KTV点歌系统，非常适合用于学习和参考JavaScript项目的开发。

仿卡拉OK歌词滚动效果的js类 v1.0.rar

07-09

让文本仿歌词效果的js类自己写的一个js类,实现文本仿歌词效果。调用形式 var song1 = new song("a1", 200, "yellow,green,blue,Purple,Cyan"); song1.start(); 共有三个参数: 第一个文本父标签的ID 第二个是速度第三个是文本的颜色，可以多填，逗号隔开，若填多个，随机显示

卡拉OK点歌系统_源代码

12-22

本系统主要实现以下目标：  系统采用人机交互的方式，界面美观友好，信息查询灵活、方便，数据存储安全可靠。  歌星点歌，根据演唱歌星的名字来查询选择歌曲。  数字点歌，按照歌曲名称编号进行查询选择歌曲。  拼音点歌，根据歌曲名称的每一个汉字拼音打头的字母来选歌。  歌名点歌，根据歌曲名称来检索歌曲。  系统最大限度地实现了易维护性和易操作性。

KTV订房系统

02-21

自己写的一个KTV订房系统比较简陋实现了简单的订房开房退房酒水查询历史记录

MyKtv点歌系统前台主要功能实现，内附数据库脚本，可以直接运行

穆雄雄的博客

06-15

4744

C#开发工具：Visual Studio 2012 数据库：Sql Server Windows版本：Win10 分辨率：1366*768 文章的最后有KTV点歌系统的前后台源码下载链接。在正式写代码之前先看一下运行效果图，如果觉得这个是你需要的，那么请接着往下看，如果不是，可以换家~（窗体没有美化，但是基本上的功能都已经实现了）歌星点歌（其他的都一样，知识数据库语句不一样，改改就可以了...

原生js实现歌词滚动以及卡拉OK效果

weixin_30950887的博客

09-23

1253

干货转自网易实践者社区，感谢作者【严跃杰】【歌词滚动效果】滚动歌词比较常见的一种歌词显示方式，今天我们来讨论如何通过原生js来完成一个简单的滚动歌词实现。一般来说，滚动歌词有如下几项需求： 1.歌词在一个矩形区域内显示 2.当前歌词行高亮 3.在矩形显示区域中部固定位置显示当前歌词行 4.当前歌词行切换到下...

一个卡拉OK效果的自定义歌词控件

godyde的博客

06-13

1418

上图就是效果。背景和字体颜色可以自己调，都定义成了常量并有说明，直接更改即可。可以自适应不同分别率。可以自己将其改成根据屏幕高度动态决定显示几行。只需要调整ondraw就好了。 package com.godyde.musicplayer; /** * 显示歌词的自定义控件。 * 核心思想就是根据Mediaplayer.getCurrentPositio

为网页添加一个弹窗提示音乐播放

软希网分享源码的博客

11-08

1665

为网页添加一个弹窗提示音乐播放