javascript點擊按鈕彈出對話框_如何用JS點擊超鏈接彈出對話框

1. javascript點擊按鈕彈出文本框,用戶可輸入

可以直接用js自帶的prompt方法。

定義和用法

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

語法

prompt(text,defaultText)

參數

text 可選。要在對話框中顯示的純文本（而不是 HTML 格式的文本）。

defaultText 可選。默認的輸入文本。

說明

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

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

簡單的例子，僅供參考：

<body>
<inputtype="text"id="clock"size="35"/>
<scriptlanguage=javascript>
varint=self.setInterval("clock()",50)
functionclock()
{
vart=newDate()
document.getElementById("clock").value=t
}
</script>
</form>
<buttononclick="int=window.clearInterval(int)">
Stopinterval</button>

</body>

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

具體代碼如下：

<html>

<head>

function disp_prompt()

{

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

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

{

document.write("你好，" + name + "！今天過得好嗎？")

}

</script>

</head>

<body>

</body>

</html>

(2)javascript點擊按鈕彈出對話框擴展閱讀：

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

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

3. 如何用JS點擊超鏈接彈出對話框

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

4. js或者jq點擊按鈕彈出一個對話框裡面有input,填寫後返回頁面顯示填寫的內容，在線等

具體代碼如下：

<html>

<head>

function disp_prompt()

{

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

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

{

document.write("你好，" + name + "！今天過得好嗎？")

}

</script>

</head>

<body>

</body>

</html>

注意事項：

JS是javascript的縮寫，是一種用於web開發的腳本代碼。打開任何網頁，右鍵點擊查看源代碼，開始是javascript代碼JQ是JQuery的縮寫，是將一些強大的JS代碼寫進一個文件中，可以通過參考JQ實現更簡單方便的JS使用。

(4)javascript點擊按鈕彈出對話框擴展閱讀：

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

如果用戶單擊提示框上的cancel按鈕，則返回null。如果用戶單擊ok按鈕，則返回當前顯示在輸入欄位中的文本。

5. javascript彈出是否對話框

點擊彈出：首先你得有個按鈕點是吧。
<input type="button" value="刪除" onclick="del()" />
onclick就是給按鈕添加個點擊事件，當這個按鈕被點擊的時候就會調用js的del（）方法
JS裡面寫如下方法：
function del(){
window.confirm("你確定刪除此記錄嗎？不可恢復哦！")
}
就達到樓主想要的效果了
這個方法返回個boolean值，你可以做些判斷，例如：
function del(){
var flag = window.confirm("你確定刪除此記錄嗎？不可恢復哦！")
if(flag){
alert("執行刪除的代碼");
}
}

還有Jquery是基於JS的一個框架而已，把很多東西封裝起來了，用起來簡單快捷，但是JQuery能用的，JS肯定能做，JS能做的，Jquery不一定能做。

6. 如何再點擊登錄按鈕後，彈出如圖所示的對話框用JAVASCRIPT怎麼實現

用摸態框（以下示例代碼來自：菜鳥教程）。
<!DOCTYPE html>
<html>
<head>
<title>Foundation 實例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>

<body style="padding:20px;">

<div style="padding:20px;">
<h2>模態框</h2>
<p>模態框是一個顯示在頁面頭部的彈窗。</p>
<button type="button" class="button" data-reveal-id="myModal">點我打開模態框</button>

<div id="myModal" class="reveal-modal" data-reveal>
<h2>Heading in Modal.</h2>
<p>Some text in the modal.</p>
<p>Some text in the modal.</p>
<a class="close-reveal-modal">×</a>
</div>
</div>

<script>
$(document).ready(function() {
$(document).foundation();
})
</script>

</body>
</html>

7. 請教高手 JS中如何點擊一個按鈕彈出文件框

你這個雖然能做是能做但是不簡單。
點擊某個按鈕彈出file框到很簡單
如
function a() {
document.getElementById('ff').click();
}
<div onclick="a()">bbbb</div>

<input type="file" id="ff" />

這個代碼就可回以實現
但是雖然點擊別處答激活 file 的點擊事件彈出了選擇要上傳的操作框
但是你選擇某個圖片之後點擊上傳之後你會發現沒有任何資源被上傳
一般瀏覽器都會拒絕除了正常途徑以外的其他任何方式給file 賦值說是為了安全。

要屏蔽這種限制的話只能在網路或谷歌里瘋狂搜索了。

我之前為了想模擬 file 因為他太難看最後還是沒解決。只好用了第三方插件
flash 上傳的 ~ 建議你還是別在這里下功夫了 ~ 跟我一樣會白費功夫

8. js實現點擊一個按鈕打開或關閉dialog對話框

<html>

<head></head>

<body>



    <button onclick=dakai()></button>

    <dialog id='dialog'>this is a dialog</dialog>

<script>

    var dakai=function(){

        var x=document.getElementById("dialog").open;

        console.log(x)

        if(x){

            document.getElementById("dialog").removeAttribute('open')

        }else{

            document.getElementById("dialog").setAttribute('open','open')

}

</script>

</body>

</html>

9. 怎樣用js實現點擊<a>時制出現一個彈窗

為超鏈抄接添加onclick()動作，動作內容為彈出對話框。javascript提供了3種類型的對話框：

alert() : 提醒
confirm()：確認，返回 true 或者 false
prompt()：帶輸入的對話框

下面進行實例演示：

1、HTML結構

2、javascript代碼

導航:首頁 > 編程語言 > javascript點擊按鈕彈出對話框

javascript點擊按鈕彈出對話框

與javascript點擊按鈕彈出對話框相關的資料

友情鏈接