導航:首頁 > 創造發明 > html創造一個對話窗口

html創造一個對話窗口

發布時間:2021-09-02 23:22:52

㈠ 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怎麼做一個按鈕,就彈出一段文字的窗口呀

  1. 需要編寫HTML代碼,顯示按鈕

  2. 需要編寫相應的JavaScript代碼,給按鈕添加點擊事件

  3. 點擊事件發生之後生成一個彈窗

代碼如下:

<!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

閱讀全文

與html創造一個對話窗口相關的資料

熱點內容
軟體著作權可以賺錢嗎 瀏覽:481
作業誰發明的名字 瀏覽:633
獅山工商局電話是多少 瀏覽:542
廈門工商局咨詢電話 瀏覽:374
農民大爺發明秸稈爐 瀏覽:210
碘伏開口有效期 瀏覽:455
馬鞍山二中盧大亮 瀏覽:583
建築證書培訓 瀏覽:62
馬鞍山潘榮 瀏覽:523
2019年公需課知識產權考試答案 瀏覽:280
基本衛生公共服務項目實施方案 瀏覽:62
初中數學校本研修成果 瀏覽:30
長沙市知識產權局張力 瀏覽:369
榮玉證書 瀏覽:382
凌文馬鞍山 瀏覽:34
石柱鎮工商局 瀏覽:854
鋼鐵發明國 瀏覽:118
創造與魔法怎麼賣人民幣 瀏覽:101
知識產權專題答案 瀏覽:760
高發明巫溪 瀏覽:755