JS彈出對(duì)話框?qū)崿F(xiàn)方法(三種方式)

更新時(shí)間：2015年12月18日 10:46:32 作者：HackerVirus

這篇文章主要介紹了JS彈出對(duì)話框?qū)崿F(xiàn)方法,結(jié)合實(shí)例形式分析了三種方式,包括alert、confirm及prompt,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下

本文實(shí)例講述了JS彈出對(duì)話框?qū)崿F(xiàn)方法。分享給大家供大家參考，具體如下：

1.警告框

<html>
<head>
<script type="text/javascript">
function disp_alert()
{
alert("我是警告框！！")
}
</script>
</head>
<body>
<input type="button" onclick="disp_alert()" value="顯示警告框" />
</body>
</html>

2.確定取消框

<html>
<head>
<script type="text/javascript">
function disp_confirm()
{
var r=confirm("按下按鈕")
if (r==true)
  {
  document.write("您按了確認(rèn)！")
  }
else
  {
  document.write("您按了取消！")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_confirm()" value="顯示確認(rèn)框" />
</body>
</html>

3.有輸入的框

<html>
<head>
<script type="text/javascript">
function disp_prompt()
{
var name=prompt("請(qǐng)輸入您的名字","Bill Gates")
if (name!=null && name!="")
  {
  document.write("你好！" + name + " 今天過得怎么樣？")
  }
}
</script>
</head>
<body>
<input type="button" onclick="disp_prompt()" value="顯示提示框" />
</body>
</html>

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

原生JS實(shí)現(xiàn)響應(yīng)式瀑布流布局
本文給大家分享的是使用原生的javascript實(shí)現(xiàn)的響應(yīng)式的瀑布流布局的方法和源碼，非常的實(shí)用，有需要的小伙伴可以參考下。
2015-04-04
php顯示當(dāng)前文件所在的文件以及文件夾所有文件以樹形展開
本文為大家介紹喜愛php如何顯示當(dāng)前文件所在的文件以及文件夾所有文件并以樹形展開，感興趣的朋友可以參考下
2013-12-12
一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法
這篇文章主要介紹了在一覽畫面點(diǎn)擊復(fù)選框后獲取多個(gè)id值的方法，前臺(tái)采用js技術(shù)后臺(tái)采用java技術(shù)實(shí)現(xiàn)的，邏輯清晰，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
2016-05-05
JS限制Textarea文本域字符個(gè)數(shù)的具體實(shí)現(xiàn)
這篇文章介紹了JS限制Textarea文本域字符個(gè)數(shù)的具體實(shí)現(xiàn)，有需要的朋友可以參考一下
2013-08-08
20個(gè)實(shí)用的JavaScript技巧分享
這篇文章主要介紹了20個(gè)實(shí)用的JavaScript技巧分享,本文講解的都是開發(fā)中總結(jié)出的編碼技巧、和最佳實(shí)踐,需要的朋友可以參考下
2014-11-11
Kotlin學(xué)習(xí)第一步 kotlin語(yǔ)法特性
Kotlin學(xué)習(xí)第一步，從kotlin語(yǔ)法特性開始學(xué)習(xí)，包括變量定義、函數(shù)擴(kuò)展、Parcelable序列化、編寫工具類等，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
javascript 限制輸入和粘貼(IE,firefox測(cè)試通過)
javascript 限制輸入和粘貼 IE和火狐2.x、火狐3.x下測(cè)試通過
2008-11-11
微信小程序多列選擇器range-key使用詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序多列選擇器range-key的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-08-08
js輸出數(shù)據(jù)精確到小數(shù)點(diǎn)后n位代碼
要保留小數(shù)點(diǎn)后N位的問題，經(jīng)過一番思索，終于解決了，這篇文章主要介紹了js輸出數(shù)據(jù)精確到小數(shù)點(diǎn)后n位代碼，感興趣的朋友可以參考一下
2016-07-07
ES6的內(nèi)置對(duì)象擴(kuò)展實(shí)現(xiàn)示例
本文主要介紹了ES6的內(nèi)置對(duì)象擴(kuò)展實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07