Javascript alert() / prompt() / confirm() 彈出來的是對話視窗 函式

<t1> 瀏覽器內建的對話視窗 alert(), confirm(), prompt()</t1> <pre> alert(message) 用來跳出提示 (警告) 對話視窗。 話視窗內警告文字換行要用 \n <button onclick="myFunction()">Try it</button></pre> <script> function myFunction() { alert("Hello! I am an alert box!"); } </script> <pre><ol><li><o><</o>button onclick="myFunction()">Try it<o><</o>/button> <li><o><</o>script> <li>function myFunction() { <li>alert("Hello! I am an alert box!"); } <li><o><</o>/script> </pre> <style> pre {font-size: 20px} button ,table {font-size: 18px} table td{ padding:5px} t1{font-size: 30px;color : blue;font-weight : bold;} ol {background-color :papayawhip} li {background-color :bisque;font-size: 18px} </stylr>

00

<t1> confirm() </t1><br> <pre>用來跳出需要使用者確認的對話視窗，對話視窗中會有確定及取消兩個按鈕。</pre> <button onclick="myFunction()">Try it</button> <p id="demo"> </p> <script> function myFunction() { var text = "Press a button!\nEither OK or Cancel."; if (confirm(text) == true) { text = "You pressed OK!"; } else { text = "You canceled!"; } demo.innerHTML = text; } </script> <pre><ol><li><o><<o>button onclick="myFunction()">Try it<o><<o>/button> <li> <li><o><<o>p id="demo"><o><<o>/p> <li> <li><o><<o>script> <li>function myFunction() { <li> var text = "Press a button!\nEither OK or Cancel."; <li> if (confirm(text) == true) { text = "You pressed OK!" } <li> else { text = "You canceled!"; } <li> demo.innerHTML = text ; <li>} <li><o><<o>/script> <li></ol><pre> <style> pre {font-size: 20px} button ,table {font-size: 18px} table td{ padding:5px} t1{font-size: 30px;color : blue;font-weight : bold;} ol {background-color :papayawhip} li {background-color :bisque;font-size: 18px} </stylr>

00

<t1> prompt() </t1> <pre>用來跳出一個文字輸入的對話視窗。 var result = prompt(message, default)。 message 是給使用者看得提示文字， default 是輸入框中的預設文字， result 返回使用者輸入的字串，</pre> <button onclick="myFunction()">Try it</button>     <nobr id="demo"></nobr > <script> function myFunction() { var person = prompt("Please enter your name", "Harry Potter"); if (person == null) {demo.innerHTML = "You canceled!" } else{demo.innerHTML = "You pressed OK and input : " + person ; } } </script> <pre><ol><li><o><</o>button onclick="myFunction()">Try it<o><</o>/button> <li><o><</o>p id="demo"><o><</o>/p> <li> <li><o><</o>script> <li>function myFunction() { <li> var person = prompt("Please enter your name", "Harry Potter"); <li> if (person == null) {demo.innerHTML = "You canceled!" } <li> else{demo.innerHTML = "You pressed OK and input : " + person ; } <li>} <li><o><</o>/script> </pre> <style> pre {font-size: 20px} button ,table {font-size: 18px} table td{ padding:5px} t1{font-size: 30px;color : blue;font-weight : bold;} ol {background-color :papayawhip} li {background-color :bisque;font-size: 16px} </stylr>

00

#Javascript alert() #Javascript prompt() #Javascript confirm() #html 彈出對話視窗 #alert() #prompt() #confirm()

Edit