您好,登錄后才能下訂單哦!
本篇文章為大家展示了JavaScript彈出彈框和 對話框以及提示框方法是怎樣的,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。
通過js實現網頁彈出各種形式的窗口,常用的:彈出框、對話框、提示框等。
js怎么彈出對話框
對話框
彈出對話框并輸出一段提示信息
alert("提示信息!");
詢問框
彈出一個詢問框,有確定和取消按鈕,利用對話框返回的值(true或者false)
if(confirm("你確定提交嗎?")){
alert("點擊了確定");
}else{
alert("點擊了取消");
}
輸入框
彈出一個輸入框,輸入一段文字,可以提交。需要注意的是,prompt有兩個參數,前面是提示的話,后面是當對話框出來后,在對話框里的默認值
varname=prompt("請輸入您的名字","");//將輸入的內容賦給變量name
if(name){
alert("歡迎您:"+name)
}
js彈出對話框新窗口
window.open彈出新窗口的命令;
'page.html'彈出窗口的文件名;
'newwindow'彈出窗口的名字(不是文件名),非必須,可用空''代替;
height=100窗口高度;width=400窗口寬度;top=0窗口距離屏幕上方的象素值;left=0窗口距離屏幕左側的象素值;toolbar=no是否顯示工具欄,yes為顯示;menubar,scrollbars表示菜單欄和滾動欄。resizable=no是否允許改變窗口大小,yes為允許;location=no是否顯示地址欄,yes為允許;status=no是否顯示狀態欄內的信息(通常是文件已經打開),yes為允許;
'newwin':隱藏菜單欄地址欄工具條
window.open('page.html')
//經過設置后的彈出窗口
window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no')//這句要寫成一行
上述內容就是JavaScript彈出彈框和 對話框以及提示框方法是怎樣的,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。