導航:首頁 > 編程語言 > js定義對話框

js定義對話框

發布時間:2023-02-16 12:35:21

『壹』 js 網頁彈出對話框,可以自定義一段文字,點擊"確定"後轉到指定網頁,點擊"取消"直接關閉網頁

不用定義方法function,直接這樣寫

<script type="text/javascript">

if(confirm("確認?")){
location.href="a.jsp";
}else{
window.close();
}

</script>

那個a.jsp你可以隨便改,想跳哪就跳哪。

給採納呀哥們!

『貳』 js中如何彈出一個可以輸入多個信息的提示對話框

思路:

如果要輸入多個信息,那麼原生的提示框肯定不符合要求,需要自己定義。

一般都是使用div層模擬提示框,這樣就可以隨便布局了。

代碼示例:

1、定義CSS
<styletype="text/css">
body{
height:100%;
overflow:auto;
margin:0;
}
#test_Div{
position:fixed;
_position:absolute;
top:50%;
left:50%;
border:2pxsolid#C0C0C0;/*彈出框邊框樣式*/
background-color:#FFFFFF;/*彈出框背景色*/
display:none;
}
*html{
overflow:hidden;
position:absolute;
}
</style>
2、簡單點,引入JQuery
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scripttype="text/javascript"src="js/jquery_ui/js/jquery-ui-1.9.2.custom.min.js"></script>
3、彈出層

functionshow_Win(div_Win,tr_Title,event){
vars_Width=document.documentElement.scrollWidth;//滾動寬度
vars_Height=document.documentElement.scrollHeight;//滾動高度
varjs_Title=$(document.getElementById(tr_Title));//標題
js_Title.css("cursor","move");
//創建遮罩層
$("<divid="div_Bg"></div>").css({"position":"absolute","left":"0px","right":"0px","width":s_Width+"px","height":s_Height+"px","background-color":"#ffffff","opacity":"0.6"}).prependTo("body");
//獲取彈出層
varmsgObj=$("#"+div_Win);
msgObj.css('display','block');//必須先彈出此行,否則msgObj[0].offsetHeight為0,因為"display":"none"時,offsetHeight無法取到數據;如果彈出框為table,則為'',如果為div,則為block,否則textbox長度無法充滿td
//y軸位置
varjs_Top=-parseInt(msgObj.height())/2+"px";
//x軸位置
varjs_Left=-parseInt(msgObj.width())/2+"px";
msgObj.css({"margin-left":js_Left,"margin-top":js_Top});
//使彈出層可移動
msgObj.draggable({handle:js_Title,scroll:false});
}
4、調用
<inputtype="button"value="測試彈出框"onclick="show_Win('div_Test','title',event)"/>
<divid="div_Test">
<divid="title"style="border:1pxsolidred;">標題</div>
內容
</div>

『叄』 javascript 除了alert() 其它三種對話框怎麼寫啊!!!!

frames[]
子楨數組.每個子楨數組按源文檔中定義的順序存放.
feames.length
子楨個數.
self
當前窗口.
parent
父窗口(當前窗口是中一個子窗口).
top
頂層窗口(是所有可見窗口的父窗口).
status
瀏覽器狀態窗口上的消息.
defaultStatus
當status無效時,出現在瀏覽器狀態窗口上的預設消息.
name
內部名,為由window.open()方法打開的窗口定義的名字.
方法
alert("message")
顯示含有給定消息的"JavaScript
Alert"對話框.
confirm("message")
顯示含有給定消息的"Confirm"對話框(有一個OK按鈕和一個Cancel按鈕).如果用戶單擊OK返回true,否則返回false.
prompt("message")
顯示一個"prompt"對話框,要求用戶根據顯示消息給予相應輸入.
open("URL","name")
打開一個新窗口,給予一個指定的名字.
close()
關閉當前窗口.
frame對象
它是整個瀏覽器窗口的子窗口,除了status,defaultStatus,name屬性外,它擁有window對象的全部屬性.

『肆』 如何用JS點擊超鏈接彈出對話框

1、在抄body裡面布局,把對話框的大致結構寫出來。

『伍』 Auto.js自定義對話框為什麼只彈一次

上代碼吧,這種基本上是邏輯錯誤。
這段代碼是使用了cookie來控制的,首先使用cookie讓瀏覽器記住這個頁面已經打開過一次,如果再次引用這個頁面已經打開一次了,如果再次引用這個頁面的話將不進行打開。而瀏覽器一旦關閉瀏覽器,保存這個記錄的cookie文件將被刪除。因此關閉瀏覽器,再次打開的話彈出窗口還會出現的,從而確保了在原有的窗口基礎上只打開一個窗口。

『陸』 如何用JS彈出「有輸入框並帶有是、否、取消按鈕」的對話框。

具體代碼如下:抄

<html>

<head>

<script type="text/javascript">

function disp_prompt()

{

var name=prompt("請輸襲入您的名字","小賈")

if (name!=null && name!="")

{

document.write("你好," + name + "!今天過得好嗎?")

}

}

</script>

</head>

<body>

<input type="button" onclick="disp_prompt()" value="顯示一個提示框" />

</body>

</html>

(6)js定義對話框擴展閱讀:

prompt() 方法用於顯示可提示用戶進行輸入的對話框。

如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認按鈕,則返回輸入欄位當前顯示的文本。

在用戶點擊確定按鈕或取消按鈕把對話框關閉之前,它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時,將暫停對 JavaScript 代碼的執行,在用戶作出響應之前,不會執行下一條語句。

『柒』 jsp js 怎麼將網頁做成對話框的形式

在寫JSP頁面的時候,有時需要點擊一個按鈕彈出一個輸入對話框,然後輸入一個值,確定後關閉對話框,把數據寫入資料庫,刷新當前頁面。這樣的功能可以用JavaScript實現;不過如果用js自帶的對話框的話,對話框不美觀,不如用一個JSP頁面來做對話框。 在頁面AddName.jsp里要調用對話框,寫一個JSP頁面NewBox.jsp(用做對話框),然後在頁面AddName.jsp里加上一段js代碼: /*用來打開對話框頁面*/ function openwindow(){ window.open ("NewBox.jsp","Sample","fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, history=no,width=350,height=140,left=200,top=300"); } /*在NewBox.jsp里調用這個函數,用來刷新AddName.jsp*/ function opensub(){ document.form1.submit();

滿意請採納

『捌』 如何用js 來控制彈出該自定義對話框

//怎麼方便怎麼來,這是jq實現//下載jq包引入到文件$("#dialog_show").dialog({ autoOpen: false, bgiframe: true, height: 600, width:500, modal: true, resizable:true }); 這里你可以自己寫個表單

『玖』 js實現設計一個對話框,並實現按ESC鍵和對話框關閉按鈕關閉「打開的對話框」

  1. 使用eventListener監聽keydown事件,如果keycode為27,說明用戶按下了esc鍵,執行關閉操作。

  2. 監聽按鈕click,如果被點擊執行關閉操作。


以上兩個操作可以共用一個關閉對話框的方法。

個人經驗,僅供參考,如果有幫助請採納,謝謝。

閱讀全文

與js定義對話框相關的資料

熱點內容
博途編程語言怎麼轉換 瀏覽:604
wt是什麼文件 瀏覽:75
孩子出生證能在什麼網站找到嗎 瀏覽:465
java日期compare 瀏覽:120
深州有哪個編程學校好 瀏覽:826
抖音數據中心怎麼才算合格 瀏覽:540
全棧視頻數據是什麼 瀏覽:787
網上少兒編程哪個好些 瀏覽:132
oracle資料庫優化方法 瀏覽:844
怎麼關閉網路喚醒 瀏覽:894
孤單的微信頭像動漫 瀏覽:305
有沒有哪個大學教編程 瀏覽:851
wordpress後台添加廣告位置 瀏覽:491
怎樣快速修改qq密碼 瀏覽:145
怎麼清除惡意攻擊網站 瀏覽:511
qq頭像女生側顏馬尾 瀏覽:718
蘋果自己的文件格式 瀏覽:85
放在c盤的app如何刪除 瀏覽:912
華為手機克隆後文件放在哪裡 瀏覽:631
清樂網站製作需要多少人 瀏覽:294

友情鏈接