警告(alert)
在访问网站的时候,你遇到过这样的情况吗?“咚”的一声,一个小窗口出现在你面前,上面写着一段警示性的文字,或是其它的提示信息。如果你不点击确定,你就不能对网页做任何的操作。没错,这个“咚”的小窗口就是alert干的。
下面的代码是一段使用alert的实例。
<noscript type="text/JavaScript"> alert("我是菜鸟我怕谁");</noscript>
我的个人观点是尽量少使用alert,它很不友好。甚至可能让一些方可认为你的网站很危险。
看一个使用alert的实例
确认(confirm)
确认框用于让用户选择某一个问题是否符合实际情况。
“说!是还是不是?快回答!”
如果你想表达这样的意思,那么confirm再合适不过了。来看下面的代码:我们用confirm("你是菜鸟吗?")向访客提问,变量r则保存了访客的回应,它只可能有两种取值:true或false。没错,它是一个布尔值。confirm后面的语句则是我们对访客回答做出的不同回应。
<noscript type="text/JavaScript"> var r=confirm("你是菜鸟吗"); if (r==true) { document.write("彼此彼此"); } else { document.write("佩服佩服"); }
</noscript>
看一个使用confirm的实例
提问(prompt)
prompt和confirm类似,不过它允许访客随意输入回答。我们来修改一下之前switch的例子,我们根据分数来做出不同的评价,不过那段程序并不完整,它根本就没问我们分数,而是假设我得了65分。这太不公平了。现在我么就可以用prompt来向访客提问,用score存储用户输入的回答,其余的事情就都由后面的switch来完成了。
<noscript type="text/JavaScript"> function judge() { var score;//分数 var degree;//分数等级 score = prompt("你的分数是多少?") if (score > 100){ degree = '耍我?100分满!'; } else{ switch (parseInt(score / 10)) { case 0: case 1: case 2: case 3: case 4: case 5: degree = "恭喜你,又挂了!"; break; case 6: degree = "勉强及格"; break; case 7: degree = "凑合,凑合" break; case 8: degree = "8错,8错"; break; case 9: case 10: degree = "高手高手,佩服佩服"; }//end of switch }//end of else alert(degree); } </noscript>
看一个使用prompt的实例
分享到:
相关推荐
Javascript弹出框架,功能相当不错
自定义JavaScript弹出框组件自定义JavaScript弹出框组件
2.width height弹出框的长宽 默认500 300 3.scrolling弹出框是否有滚动条 可选值 auto no yes 默认auto 4.titleColor 弹出框title背景颜色 默认#7093DB 5.title 弹出框名称 6.弹出框url 7.弹出框是否可拖动 true or ...
漂亮的纯javascript弹出框验证表单,很实用,支持ajax
弹出框,有遮罩层,遮罩随滚动条满覆盖,弹出框随滚动条调整位置。兼容主流浏览器
弹出框插件,如果想看效果图可以到我的博客里面去看一下效果图,如果使用不明白还可以线下知指导,在我的效果图博客下评论就好了 地址:https://blog.csdn.net/liqun_super/article/details/103177445
javascript常用弹出窗口,对于初学asp.net的人有很大的帮助。
div,javascript,弹出框, javascript写的类,通过调用想页面注入html标签! 被人对ps不懂,没有做图片!
tinybox JavaScript弹出框插件类,国外的一款插件,完成的功能是在网页上弹出一个层,层内的内容可由您自己定制,可以是一张远程加载的图片,也可以是一段文字,也可以是一个网页,Ajax载入功能,显示载入动画,完成...
这是一个简洁,智能,个性化的JAVASCRIPT弹出框zero dependencies and free dialog library下载npm install co-dialog或者下载 CDN:使用你可以使用src加载文件:<link rel="stylesheet" href="co-dialog.css">...
弹出框jquery特效弹出框js特效弹出框网页代码 弹出框脚本 javascript javascript 可拖动弹出框
[= 成为 SweetAlert2 的 :trophy: 终极赞助商,并将您的横幅放在此处(每月 10 万+ 独立访问者)=] JavaScript 弹出框的美观、响应式、可定制、可访问 (WAI-ARIA) 替代品。零依赖。在行动中查看 SweetAlert2 :up-...
JavaScript弹出框的漂亮,响应快速,可自定义,可访问(WAI-ARIA)替代品。 零依赖性。 :money_bag: :backhand_index_pointing_right: 从v9.x升级到v10.x? 如果要从v8.x,请先 ! 如果要从v7.x,请先 ! 如果要...
JS弹出框 仿腾讯登录框 javascript实现弹出层效果 一个弹出层特效,精仿腾讯,兼容当前主流浏览器。
本例子是使用iframe来模拟js框架是如何实现所谓的在当前页面弹出弹出框的,实际上就是借助的iframe实现的页面加载,并非有什么真正的弹出框。
cesium中点击拾取坐标,在弹出框中显示。 弹出框位置自动变化。
今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
js 精美弹出框 alert 可以设置样式,取代传统丑陋的alert弹出框
弹出框在网站页面中是必不可少的一部分,今天借助脚本之家平台给大家分享使用js实现简单的弹出框效果,感兴趣的朋友一起学习吧
1,弹出框显示包括info, warning, success, error, normal五种预定义样式,也可自定义; 2,支持自动关闭和点击关闭,放了关闭监听函数和点击消息框监听函数,放在增加后续行为; 3,放了获取消息和更新消息状态的...