㈠ html語言中,怎麼做報錯的小對話框
使用消息框
使用警告、提示和確認
可以使用警告、確認和提示消息框來獲得用戶的輸入。這些消息框是 window 對象的介面方法。由於 window 對象位於對象層次的頂層,因此實際應用中不必使用這些消息框的全名(例如 "window.alert()"),不過採用全名是一個好注意,這樣有助於您記住這些消息框屬於哪個對象。
警告消息框
alert 方法有一個參數,即希望對用戶顯示的文本字元串。該字元串不是 HTML 格式。該消息框提供了一個「確定」按鈕讓用戶關閉該消息框,並且該消息框是模式對話框,也就是說,用戶必須先關閉該消息框然後才能繼續進行操作。
window.alert("歡迎!請按「確定」繼續。");
確認消息框
使用確認消息框可向用戶問一個「是-或-否」問題,並且用戶可以選擇單擊「確定」按鈕或者單擊「取消」按鈕。confirm 方法的返回值為 true 或 false。該消息框也是模式對話框:用戶必須在響應該對話框(單擊一個按鈕)將其關閉後,才能進行下一步操作。
var truthBeTold = window.confirm("單擊「確定」繼續。單擊「取消」停止。");
if (truthBeTold) {
window.alert("歡迎訪問我們的 Web 頁!");
} else window.alert("再見啦!");
提示消息框
提示消息框提供了一個文本欄位,用戶可以在此欄位輸入一個答案來響應您的提示。該消息框有一個「確定」按鈕和一個「取消」按鈕。如果您提供了一個輔助字元串參數,則提示消息框將在文本欄位顯示該輔助字元串作為默認響應。否則,默認文本為 "<undefined>"。
與alert( ) 和 confirm( ) 方法類似,prompt 方法也將顯示一個模式消息框。用戶在繼續操作之前必須先關閉該消息框
var theResponse = window.prompt("歡迎?","請在此輸入您的姓名。");
㈡ Html 是否可以實現類似圖片中對話的背景框,如何實現
方法有很多~建議多看看相關教程!
最簡單的設置背景顏色:
找到<body>標記,在裡面打個空格輸入bgcolor="這里寫顏色的英文,也可以是16進制,如"#0099FF".
想插背景圖片輸background="這里是圖片地址"
若要改文字顏色.在文字兩端加<font>標記,在裡面輸入color="寫英文或16進制,同上!"
整體效果:
<font color="#0099FF" size="1">這里是文字</font> //後面的size控制字體大小
若想用樣式控制,全部代碼如下:
<html>
<head>
<title></title>
<style type="text/css"> //這里是CSS樣式聲明
<!-- //這是防止瀏覽器無法識別用的!不用管
body {
background-color: #0033FF;
} //背景顏色樣式,採用標簽選擇符樣式
.font{color: #33CC00}
//字體顏色樣式,採用類選擇符樣式,用class 調用
-->
</style>
</head>
<body> //這里調用標簽選擇符樣式
<span class="font">字體的顏色</span> //這里調用類選擇符樣式
</body>
</html>
㈢ 在HTML中 怎麼寫一個對話框 類似於下圖一樣,可以自定義寬高,標題。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>三種彈出對話框的用法實例</title>
<script language="javascript">
function ale()
{
//這個基本沒有什麼說的,就是彈出一個提醒的對話框
alert("我敢保證,你現在用的是演示一");
}
function firm()
{
//利用對話框返回的值 (true 或者 false)
if(confirm("你確信要轉去風亦飛的博客?"))
{
//如果是true ,那麼就把頁面轉向thcjp.cnblogs.com
location.href="http://blog.csdn.net/fengyifei11228/";
}
else
{
//否則說明下了,赫赫
alert("你按了取消,那就是返回false");
}
}
function prom()
{
var name=prompt("請輸入您的名字","");//將輸入的內容賦給變數 name ,
//這里需要注意的是,prompt有兩個參數,前面是提示的話,後面是當對話框出來後,在對話框里的默認值
if(name)//如果返回的有內容
{
alert("歡迎您:"+ name)
}
}
</script>
</head>
<body>
<p>對話框有三種</p>
<p>1:只是提醒,不能對腳本產生任何改變;</p>
<p>2:一般用於確認,返回 true 或者 false ,所以可以輕松用於 ifelse判斷 </p>
<p>3: 一個帶輸入的對話框,可以返回用戶填入的字元串,常見於某些留言本或者論壇輸入內容那裡的 插入UBB格式圖片 </p>
<p>下面我們分別演示:</p>
<p>演示一:提醒 對話框</p>
<p>
<input type="submit" name="Submit" value="提交" onclick="ale()" />
</p>
<p>演示二 :確認對話框 </p>
<p>
<input type="submit" name="Submit2" value="提交" onclick="firm()" />
</p>
<p>演示三 :要求用戶輸入,然後給個結果</p>
<p>
<input type="submit" name="Submit3" value="提交" onclick="prom()" />
</p>
</body>
</html>
㈣ html怎麼做一個按鈕,就彈出一段文字的窗口呀
需要編寫HTML代碼,顯示按鈕
需要編寫相應的JavaScript代碼,給按鈕添加點擊事件
點擊事件發生之後生成一個彈窗
代碼如下:
<!DOCTYPEhtml>
<html>
<head>
<title>MyHtml</title>
<metacharset="utf-8">
<scripttype="text/javascript">
functionshowMessage(){
alert("Thisisamessage!");
}
</script>
</head>
<body>
<buttononclick="showMessage()">button</button>
</body>
</html>
㈤ 編寫一個JavaScript程序,在一個HTML頁面中顯示一個對話框,其中包含當前的時間
<div id="times">
<div align="right">The Time Is Loading…</div>
</div>
<script language="javascript" type="text/javascript">
setInterval("document.getElementById('times').innerHTML=new Date().toLocaleString()+'.'.charAt(new Date().getDay());",1000);
</script>
</div>這段代碼加進去即可!
㈥ HTML網頁打開後跳出來一個對話框,需要點確定, 這個代碼怎麼寫
代碼如下:
㈦ html中,怎麼做一個彈出式的大小固定的小窗口
JavaScript彈窗共有三種
1、window.alert("sometext");
2、window.confirm("sometext");
3、window.prompt("sometext","defaultvalue");
但是這3種方法都不能做一個大小固定的小窗口,要做大小固定的彈窗,需要我們自己在HTML文檔中編寫:
HTML:
3、點擊紅色區域右上角X號,彈窗會消失
㈧ HTML網頁打開後跳出來一個對話框,需要點確定! 這個代碼怎麼寫!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- 下邊這個input中的是當滑鼠點擊這個按鈕才會彈出這個對話框 -->
<input value="點擊這個會出現一個彈框" onclick="alert('看,出現了吧~')"/>
</body>
<script type="text/javascript">
// 下邊這個是當網頁一打開就會彈出這個對話框
alert('hello,word!')
</script>
</html>
㈨ 網頁製作中用模板創建一個新的Html文件彈出這個對話框
這個是你沒有設置網頁的編碼模式,網頁裡面有不同的編碼樣式。
㈩ html如何寫一個對話框,輸入的東西直接在百度中搜索,就像hao123一樣
這位網友你好,網路是提供這種搜索內嵌代碼的。
<formaction="http://www..com/"target="_blank">
<tablebgcolor="#FFFFFF"><tr><td>
<inputname=tntype=hiddenvalue=>
<ahref="http://www..com/"><imgsrc="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-80px.gif"alt="Bai"align="bottom"border="0"></a>
<inputtype=textname=wordsize=30>
<inputtype="submit"value="網路搜索">
</td></tr></table>
</form>
你可以看一下網路提供的代碼:
http://help..com/question?prod_en=search&class=%C3%E2%B7%D1%B4%FA%C2%EB&id=1000664