日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
一篇文章帶你了解JavaScript彈出框

在JavaScript中,可以創(chuàng)建對話框或彈出窗口來與用戶進行交互。

成都服務(wù)器托管,成都創(chuàng)新互聯(lián)提供包括服務(wù)器租用、服務(wù)器機柜租賃、帶寬租用、云主機、機柜租用、主機租用托管、CDN網(wǎng)站加速、空間域名等業(yè)務(wù)的一體化完整服務(wù)。電話咨詢:028-86922220

JavaScript具有三種不同類型的彈出框:警告框,確認框和提示框。

一、警告框

警告框是最簡單的彈出框。它使可以向用戶顯示一條短消息。還包括“確定”按鈕,用戶必須單擊此“確定”按鈕才能繼續(xù)。

window.alert()

語法:

 
 
 
 
  1. window.alert("msg") 

方法可以在沒有窗口的前綴被寫入。

 
 
 
 
  1.  
  2.  
  3. 項目 
  4.  
  5.  
  6. 單擊按鈕以顯示警告彈出框:

     
  7.  
  8. alert 
  9.  
  10.  
  11.  
  12.  
  13.  

單擊按鈕以顯示警告彈出框:

二、確認框

如果希望用戶驗證或接受某些內(nèi)容,通常會使用確認框。確認框看起來類似于警報框,但其中包含“取消”按鈕和“確定”按鈕。

如果用戶單擊“確定”,則該框返回true。如果用戶單擊“取消”,則該框返回false。

window.confirm()

語法:

 
 
 
 
  1. window.confirm("msg") 

方法可以在沒有窗口的前綴被寫入。

 
 
 
 
  1.  
  2.  
  3. 項目 
  4.  
  5.  
  6.  
  7. 點擊按鈕顯示確認框:

     
  8.  
  9. 點我試試 
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  

三、提示框

如果希望用戶在進入頁面之前輸入值,通常會使用提示框。提示框包括文本輸入字段,“確定”和“取消”按鈕。

如果用戶單擊“確定”,則該框?qū)⒎祷剌斎胫怠H绻脩魡螕簟叭∠?,則該框?qū)⒎祷豱ull。

語法:

 
 
 
 
  1. window.prompt("msg", "defaultText") 

1. window.prompt()

方法可以在沒有窗口的前綴被寫入。

 
 
 
 
  1.  
  2.  
  3. 項目 
  4.  
  5.  
  6.  
  7. 單擊按鈕以顯示提示框:

     
  8.  
  9. 點擊我 
  10.  
  11.  
  12.  
  13.  
  14.  
  15.  
  16.  

注意:

prompt()方法返回的值始終是字符串。這意味著,如果用戶在輸入字段中輸入15,則返回字符串“ 15”而不是數(shù)字15。

2. 對話框中顯示換行符

要在對話框中顯示換行符,請使用換行符或換行符(\n); 反斜杠后跟字符n。

 
 
 
 
  1.  
  2.  
  3. 項目 
  4.  
  5.  
  6. 點擊按鈕,彈出警告框

     
  7.  
  8. alert 
  9.  
  10.  
  11.  
  12.  
  13.  

三、總結(jié)

本文基于JavaScript基礎(chǔ),介紹了如何在瀏覽器中運用的各種彈框,警告框在實際的應(yīng)用,如何自定義自己的提示框。通過用豐富的案例幫助大家更好理解。

希望大家可以根據(jù)文章的內(nèi)容,積極嘗試,有時候看到別人實現(xiàn)起來很簡單,但是到自己動手實現(xiàn)的時候,總會有各種各樣的問題,切勿眼高手低,勤動手,才可以理解的更加深刻。

使用JavaScript 語言,方便大家更好理解,希望對大家的學(xué)習(xí)有幫助。


當前標題:一篇文章帶你了解JavaScript彈出框
轉(zhuǎn)載注明:http://m.5511xx.com/article/dpesogs.html