js三種彈出框的方式
http://www.jb51.net/article/81376.htm
學習過js的小夥伴會發現,我們在一些例項中用到了alert()方法、prompt()方法、prompt()方法,他們都是在螢幕上彈出一個對話方塊,並且在上面顯示括號內的內容,使用這種方法使得頁面的互動性更精彩,實際上我們經常會在進行網頁瀏覽時簡單這種型別的對話方塊,在使用者與應用程式進行雙向交流時,經常要用到對話方塊。
javascript的三種對話方塊是通過呼叫window物件的三個方法alert(),confirm()和prompt()來獲得,可以利用這些對話方塊來完成js的輸入和輸出,實現與使用者能進行互動的js程式碼。
今天小編就來簡單介紹一下js中的三種彈出對話方塊,小編先單獨對這幾個方法進行詳細講解,接著,將這幾個方法進行對比,好了,開始我們的js之旅吧`(*∩_∩*)′......
第一種:alert()方法
alert()方法是這三種對話方塊中最容易使用的一種,她可以用來簡單而明瞭地將alert()括號內的文字資訊顯示在對話方塊中,我們將它稱為警示對話方塊,要顯示的資訊放置在括號內,該對話方塊上包含一個“確認”按鈕,使用者閱讀完所顯示的資訊後,只需單擊該按鈕就可以關閉對話方塊。下面來看一個使用alert()方法的例子,程式碼如下所示:
1 2 3 4 5 6 7 8 9 |
<html>
<head>
<title>編寫html頁面</title>
<script
language= "javascript" >
//JavaScript指令碼標註
alert( "上聯:山石巖下古木枯" ); //在頁面上彈出上聯
alert( "下聯:白水泉邊少女妙" ); //在頁面上彈出下聯
</script>
</head>
</html>
|
執行上面的小例子,在頁面上彈出對話方塊並顯示一句話“上聯:山石巖下古木枯”,如下所示:
接著,單擊“確認”按鈕後再顯示第二個對話方塊並顯示“白水泉邊少女妙!”,效果如下;
在頁面上彈出對話方塊並顯示一句話“上聯:山石巖下古木枯”,單擊“確認”按鈕後再顯示第2個對話方塊並顯示“白水泉邊少女妙!”我們來分析一下這個小例子:
a、在<script>指令碼塊中兩次呼叫alert()方法;
b、在每個alert()括號內分別添加了一段文字資訊,執行出現如下圖所示的頁面,當使用滑鼠單擊頁面上的“確定”按鈕後,出現第二個頁面,再點選“確定”按鈕後就關閉頁面上的對話方塊。 注意:兩個對話方塊是分別顯示的,而不是一個覆蓋另一個,這是因為js實在執行完第一個alert()並等到使用者點選“確認”按鈕之後才去執行第二個alert()的。
alert()是js的window物件的一個方法,呼叫時可以寫成window.alert(),也可以寫成alert(),功能都是產生一個帶確認按鈕的對話方塊,上面顯示括號內的資訊,
第二種:confirm()方法
confirm()方法與alert()方法的使用十分類似,不同點是在該種對話方塊上除了包含一個“確認”按鈕外,還有一個“取消”按鈕,這種對話方塊稱為確認對話方塊,在呼叫window物件的confirm()方法以及後面介紹的prompt()方法時也可以不寫window。下面來看一個關於confirm()的小例子,程式碼如下所示:
1 2 3 4 5 6 7 8 |
<html>
<head>
<title>編寫html頁面</title>
<script
language= "javascript" >
//js指令碼標註
confirm( "上聯:一但重泥攔子路;下聯:兩岸夫子笑顏回" );
//在頁面上彈出確認對話方塊
</script>
</head>
</html>
|
顯示效果如下:
分析一下這個小例子:
a、在<script>指令碼塊中新增confirm()方法、
b、在confirm()括號內添加了一段文字資訊,執行效果如上圖所示,如果使用者單擊“確認”按鈕,則confirm()方法會返回true,如果使用者單擊“取消”按鈕,則confirm()方法會返回false,無論使用者選擇哪個按鈕,都會關閉對話方塊,而繼續執行javascript程式碼。單擊“確認”或“取消”按鈕都是關閉對話方塊,似乎沒有什麼區別,實際上,無論是單擊“確認”或“取消”按鈕都會返回一個布林值,這樣就 可以再幕後有一些js程式碼來發揮按鈕的作用,請大家看下面的例子,體會使用confirm()返回布林值的妙處。程式碼如下:
1 2 3 4 5 6 7 8 9 10 11 |
<html>
<head>
<title>編寫html頁面</title>
<script
language= "javascript" >
//js指令碼標註
var
con;
con=confirm( "你喜歡玫瑰花麼?" );
//在頁面上彈出對話方塊
if (con== true )alert( "非常喜歡!" );
else
alert( "不喜歡!" );
</script>
</head>
</html>
|
我們來分析一下這個小例子:
a、在<script>指令碼塊中聲明瞭一個變數con。
b、con=confirm()一句將confirm()方法返回的布林值賦給con。
c、通過if語句來使用con的值,分別執行不同的語句;執行的效果如下:
如果單擊頁面的確認框上的“確定”按鈕後,出現如下圖所示的頁面:
如果單擊“取消”按鈕,則出現如下圖所示的頁面:
第三種: prompt()方法
alert()方法和confirm()方法的使用十分類似,都是僅僅顯示已有的資訊,但使用者不能輸入自己的資訊,但是prompt()可以做到這點,她不但可以顯示資訊,而且還提供了一個文字框要求使用者使用鍵盤輸入自己的資訊,同時她還包含“確認”或“取消”兩個按鈕,如果使用者“確認”按鈕,則prompt()方法返回使用者在文字框中輸入的內容(是字串型別)或者初始值(如果使用者沒有輸入資訊);如果使用者單擊“取消”按鈕,則prompt()方法返回null,我們稱這種對話方塊為提示框,在這三種對話方塊中,她的互動性最好。
看下面一個小例子:在頁面上兩次彈出提示對話方塊,使使用者能輸入有關資訊,程式碼如下:
1
2
3
4
相關推薦js三種彈出框的方式http://www.jb51.net/article/81376.htm 學習過js的小夥伴會發現,我們在一些例項中用到了alert()方法、prompt()方法、prompt()方法,他們都是在螢幕上彈出一個對話方塊,並且在上面顯示括號內的內容,使用這種方法使得 JS三種彈出框(alert、confirm、prompt)<script> alert('hello');//彈框① 沒有返回值,返回undefined confirm("彈框②");//返回值為布林型別:true、false prompt("這是彈框③嗎?","是的");//帶輸入框的彈窗 </script> javascript 三種彈出對話框ont 出現 進入 span 執行 confirm 輸入 str strong 第一種:alert()方法 第二種:confirm()方法 返回一個布爾值,根據返回的值可以執行相應操作。 第三種: prompt()方法 返回輸入的消息,或者其默認值提示框經常用於提示用戶在進 Js中三種彈出式訊息提醒的命令是什麼?(警告,確認,資訊輸入)1、警告框alert,在js中直接運用alert("警告");2、確認框confirm。confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊,根據使用者點選確認框上的按鈕返回t JS三種消息框的使用mvm history對象 v2p dfp itl html coo csg asc <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ASP.NET中的幾種彈出框提示基本實現方法sys find xxxxx 文章 hello sage rtu msg CI 我們在.NET程序的開發過程中,常常需要和用戶進行信息交互,比如執行某項操作是否成功,“確定”還是“取消”,以及選擇“確定”或“取消”後是否需要跳轉到某個頁面等,下面是本人對常用對話框使用的小結 Js:消息彈出框、獲取時間區間、時間格式、easyui datebox 自定義校驗、表單數據轉化json、控制兩個日期不能只填一個gets pri ESS 大於等於 轉化 gpo 現在 undefine parent (function ($) { $.messageBox = function (message) { $.messager.show({ JS --- 三種彈窗pre javascrip 三種 rip 彈窗 提示信息 -- 允許 ext alert:帶有提示信息的警告彈窗。 confirm:允許用戶選擇的彈窗 prompt:帶有提示信息的可輸入的對話框 <script type="text/javascript"> JavaScript中的三種彈出對話方塊分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識,造福人民,實現我們中華民族偉大復興!   layer.js--強大的彈出框引入js <script src="<%=basePath%>plugins/layer/layer.js"></script> 頁面彈出框程式碼 <table id="indexTable" class="table table- js 三種彈窗 alert、confirm和promptalert:警告 經常用作程式除錯時彈出結果。在彈出後點擊"確定"按鈕之前,不能進行任何其它操作,所以可以把想要在點選“確定”按鈕之後執行的語句寫到後面就可以了,並沒有對“確定”按鈕有監聽事件 function toast(){ alert("警告"); consol Android的幾種彈出框appcompat eight err alert utf 最大值 ket 1.0 創建 項目效果圖: 新建一個項目,結構圖如下所示: activity_main.xml: <?xml version="1.0" encoding=" JavaScript中三種彈出式訊息提醒的命令是什麼?(如:警告,確認,資訊輸入)1、警告框alert,在js中直接運用alert("警告"); 2、確認框confirm。 confirm() 方法用於顯示一個帶有指定訊息和 OK 及取消按鈕的對話方塊,根據使用者點選確認框上的按鈕返回true與false。 用法: if(confirm("確定要清空資料 js自帶彈出框alert,confirm,prompt用法<html> <SCRIPT language=javascript> function del() { var name=window.confirm('確定刪除?'); alert(name); if(name){ retur JS瀏覽器的三種彈框:意見 基礎上 pro 基礎 模態 string 空字符 lin als 1.alert:使用alert彈框提示信息,最後都會被轉化為字符串輸出(因為調用了toString這個方法)。比如alert(1+1)彈出的結果應該是字符串形式的“2”。 2.Confirm:在aler 1. 變數提升 2. 條件語句 3. 迴圈語句 彈出框的三種形式 If條件的種類1. 變數提升 變數提升是瀏覽器的一個功能,在執行js程式碼之前,瀏覽器會給js一個全域性作用域叫window ,window分兩個模組,一個叫記憶體模組,一個叫執行模組,記憶體模組找到當前作用域下的所有帶var和function的關鍵字,執行模組執行js程 Js-Alert彈出框幾種樣式(一級)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~js-alert彈出框樣式第一種~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ js彈出框、對話框、提示框、彈窗總結js彈出框、對話框、提示框、彈窗總結一、JS的三種最常見的對話框//====================== JS最常用三種彈出對話框 ======================== //彈出對話框並輸出一段提示信息 function ale() { / java方法裏面生成js彈出框核心 代碼 .get type con har javascrip java方法 彈出 核心代碼:方法參數要有response response.setContextType("text/html;charset=UTF-8"); PrintWrite out = re custombox.js 插件如何點空白處不隱藏彈出框 overlayClose屬性的應用tin dal clas lean prevent fec 彈出 false comm bootstrap中使用了custombox.js 插件,如下代碼 <button href="/systems/application/add" data-target=" |