JavaScript prompt()
呼叫此 prompt() 方法可以彈出一個具備文字輸入功能的對話方塊。
彈出對話方塊的特點總結如下:
(1).頂部具有文字提示。
(2).具有文字輸入功能。
(3).具有確定和取消兩個按鈕。
(4).彈出對畫框會中斷 JavaScript 程式碼的執行。
(5).點選確定,方法返回文字框中的內容,否則返回 null。
更多 window 物件內容參閱JavaScript window 物件一章節。
語法結構:
[JavaScript] 純文字檢視 複製程式碼prompt(text , defaultText)
引數解析:
(1).text:可選,對話方塊的提示文字,通常用於對使用者輸入文字內容的提示。
(2).defaultText:可選,預設輸入的文字內容。
瀏覽器支援:
(1).IE 瀏覽器支援此方法。
(2).edge 瀏覽器支援此方法。
(3).谷歌瀏覽器支援此方法。
(4).opera 瀏覽器支援此方法。
(5).火狐瀏覽器支援此方法。
(6).safari 瀏覽器支援此此方法。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <style> div { width: 120px; height: 60px; line-height: 60px; margin-bottom: 2px; text-align: center; font-size: 12px; color:green; border :2px dotted #ccc; } </style> <script> window.onload = ()=> { let oDiv = document.getElementById("ant"); let oBt=document.getElementById("bt"); oBt.onclick = function () { let txt = prompt("請輸入文字", "螞蟻部落"); oDiv.innerHTML = txt; } } </script> </head> <body> <div id="ant"></div> <input type="button" value="檢視效果" id="bt" /> </body> </html>
上面程式碼對 prompt() 方法進行了演示,下面進行一下簡單分析:
(1).點選按鈕之後,觸發 click 事件。
(2).然後執行事件處理函式,執行到 let txt = prompt("請輸入文字", "螞蟻部落"),彈出一個對話方塊。
效果截圖如下:
特別說明:在不同的瀏覽器中,彈出框的外觀可能會有所不同。
(3).可以對對畫框中的內容進行編輯,也可以使用預設值。
(4).點選確定按鈕,繼續執行JS程式碼,prompt()方法返回對話方塊中的文字內容,否則返回null。
(5).最後將返回值寫入 div 元素中。
相關文章
- Prompt工程師指南[應用篇]:Prompt應用、ChatGPT|Midjouney Prompt Engineering工程師ChatGPT
- Prompt Engneering
- Prompt進階系列4:LangGPT(構建高效能Prompt實踐指南)--結構化PromptGPT
- MySQL prompt設定MySql
- Prompt提示詞概念
- AI Prompt Injections PagesAI
- Indirect Prompt Injections Pages
- 解密Prompt系列3. 凍結LM微調Prompt: Prefix-Tuning & Prompt-Tuning & P-Tuning解密
- 惡意 Prompt 攻擊
- ChatGPT提示詞(Prompt)框架ChatGPT框架
- MySQL修改提示符(prompt)MySql
- 解密Prompt系列2. 凍結Prompt微調LM: T5 & PET & LM-BFF解密
- 解密Prompt系列1. Tunning-Free Prompt:GPT2 & GPT3 & LAMA & AutoPrompt解密GPT
- Prompt進階2:LangGPT(構建高效能Prompt策略和技巧)--最佳實踐指南GPT
- Chrome 對於 JavaScript 對話方塊的新策略 —— 建議不要使用 alert(), confirm(), 和 prompt()ChromeJavaScript
- 解密Prompt系列36. Prompt結構化編寫和最最佳化演算法UNIPROMPT解密演算法
- running-a-command-prompt-as-nt-authoritysystem
- Sql Server必備外掛--SQL PromptSQLServer
- sqlplus之prompt_&&_&_new_valueSQL
- RAG實戰5-自定義prompt
- prompt經典框架例子生成內容框架
- 【每週一讀】What is prompt-tuning?
- 大模型提示工程之Prompt框架和示例大模型框架
- 解密Prompt系列38.多Agent路由策略解密路由
- Prompt learning 教學[進階篇]:簡介Prompt框架並給出nlp技術:Few-Shot Prompting等框架
- anaconda prompt開啟失敗解決方法
- COGNOS #PROMPT與#PROMPTMANY的語法筆記筆記
- Oracle Display the process of the procedure ( oracle pipe , dbms_output , prompt )Oracle
- 在 Amazon Bedrock 上使用 Anthropic Claude 系統 Prompt
- 教你構建一個優秀的SD Prompt
- SQL Prompt安裝不上(報錯:1603)SQL
- Prompt工程全攻略:15+Prompt框架一網打盡(BROKE、COAST、LangGPT)、學會提示詞讓大模型更高效框架ASTGPT大模型
- 在 Windows Git Bash 中安裝 bash-git-promptWindowsGit
- [20180927]修改sql prompt提示.txtSQL
- JS窗體彈出問題輸入答案_promptJS
- 解決 Xshell 無法使用 zsh 的 prompt style
- 解密prompt系列41. GraphRAG真的是Silver Bullet?解密
- Prompt進階3:LangGPT(構建高效能質量Prompt策略和技巧2)--穩定高質量文案生成器GPT