|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 JavaScript中常用的彈出框有warn()警示框、confirm()確認彈出框以及prompt()提示框在我們使用JavaScript的過程中有三種重要類型的彈出框可以幫助我們判斷事件，這些對話框可用于發出警報，或者對任何輸入進行確認或從用戶那里獲得一種輸入，接下來在文章中將為大家詳細介紹這三種對話框的用法 【推薦教程：JavaScript教程】
警報彈出框 警報對話框主要用于向用戶發出警告消息，比如我們需要輸入字段時但是沒有輸入，這是我們可以使用警告對話框發出警告信息 警報框只提供一個“確定”按鈕來提示信息讓用戶確定并繼續 例 <body>
<script type="text/javascript">
function Warn() {
var user=document.getElementById("user").value;
if(user==""){
alert ("用戶名不能為空");
}
}
</script>
</head>
<body>
<form>
用戶名：<input type="txt" id="user">
<input type="button" value="確認" onclick="Warn();" />
</form>當輸入正確形式的用戶名時
未輸入用戶名時
確認彈出框 確認對話框主要是用于征得用戶對選項的同意，它顯示一個有帶兩個按鈕的對話框：取消和確認 如果用戶單擊“確定”按鈕，則窗口方法confirm（）將返回true。如果用戶單擊“取消”按鈕，則confirm（）返回false 例： <script type="text/javascript">
function getConfirmation(){
var result= confirm("你想繼續登陸嗎");
if( result== true ){
return true;
}
else{
return false;
}
}
</script>
</head>
<body>
<form>
用戶名：<input type="txt" id="user">
<input type="button" value="確定" onclick="getConfirmation();" />
</form>效果圖如下：
提示彈出框 當想要彈出文本框以獲取用戶輸入時，提示對話框非常有用。因為它能使我們與用戶進行交互。用戶需要填寫該字段，然后單擊“確定” 此對話框使用prompt（）的方法顯示，該方法有兩個參數： （1）要在文本框中顯示的標簽和 （2）要在文本框中顯示的默認字符串。 當用戶單擊“確定”按鈕，則窗口方法提示符（）將從文本框中返回輸入的值，如果用戶單擊“取消”按鈕，則窗口方法prompt（）將返回null。 例： <script type="text/javascript">
function getValue(){
var result = prompt("請輸入用戶名 : ", "username");
document.write("你輸入的是 : " + result);
}
</script>
</head>
<body>
<form>
<input type="button" value="點擊" onclick="getValue();" />
</form>結果如下：
輸入內容后：
總結:以上就是本篇文章的全部內容了，希望對大家學習JavaScript有所幫助。 以上就是JavaScript中常用的彈出框有哪些的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
