JavaScript彈出彈框和 對話框以及提示框方法是怎樣的

本篇文章為大家展示了JavaScript彈出彈框和 對話框以及提示框方法是怎樣的，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

通過js實現(xiàn)網(wǎng)頁彈出各種形式的窗口，常用的：彈出框、對話框、提示框等。

　　js怎么彈出對話框

　　對話框

　　彈出對話框并輸出一段提示信息

　　alert("提示信息！");

　　詢問框

　　彈出一個詢問框，有確定和取消按鈕，利用對話框返回的值（true或者false）

　　if(confirm("你確定提交嗎？")){

　　alert("點擊了確定");

　　}else{

　　alert("點擊了取消");

　　}

　　輸入框

　　彈出一個輸入框，輸入一段文字，可以提交。需要注意的是，prompt有兩個參數(shù)，前面是提示的話，后面是當對話框出來后，在對話框里的默認值

　　varname=prompt("請輸入您的名字","");//將輸入的內(nèi)容賦給變量name

　　if(name){

　　alert("歡迎您："+name)

　　}

　　js彈出對話框新窗口

　　window.open彈出新窗口的命令；

　　'page.html'彈出窗口的文件名；

　　'newwindow'彈出窗口的名字（不是文件名），非必須，可用空''代替；

　　height=100窗口高度；width=400窗口寬度；top=0窗口距離屏幕上方的象素值；left=0窗口距離屏幕左側(cè)的象素值；toolbar=no是否顯示工具欄，yes為顯示；menubar，scrollbars表示菜單欄和滾動欄。resizable=no是否允許改變窗口大小，yes為允許；location=no是否顯示地址欄，yes為允許；status=no是否顯示狀態(tài)欄內(nèi)的信息（通常是文件已經(jīng)打開），yes為允許；

　　'newwin':隱藏菜單欄地址欄工具條

　　window.open('page.html')

　　//經(jīng)過設置后的彈出窗口

　　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')//這句要寫成一行

上述內(nèi)容就是JavaScript彈出彈框和 對話框以及提示框方法是怎樣的，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。