搜尋

首頁  >  問答  >  主體

javascript - JS 函數接收參數並彈出

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>函数接收参数并弹出</title>
    <style type="text/css">
        body {font: 12px/1.5 Tahoma; text-align: center;}
        input {border: 1px solid #ccc; padding: 3px;}
        button {cursor: pointer;}
    </style>

    <script type="text/javascript">
    var myFn = function(a,b) {
        alert(a.value);
        alert(b.value)
        
    };
        window.onload = function() {
            var oInput = document.getElementsByTagName("input");
            var oBtn = document.getElementsByTagName("button")[0];
            oBtn.onclick = function() {
                myFn(oInput[0],oInput[1])
            }
        };
    </script>

</head>
<body>
<p><input type="text" value="北京市"></p>
<p><input type="text" value="朝阳区"></p>
<p><button>传参</button></p>
</body>
</html>
  1. 能一次alert出框中內容?

#
怪我咯怪我咯2701 天前693

全部回覆(2)我來回復

  • 阿神

    阿神2017-07-05 10:54:48

    不能。一句alert()彈一次alert框。

    關閉了一個alert框 下一個alert框才會彈出來。

    可以把兩個input value拼接成字串,例如:

    var myFn = function(a,b) {
            var str = a.value + ',' +  b.value;
            alert(str);        
        };
    

    回覆
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-07-05 10:54:48

    不能。

    彈跳窗是同步執行的,當 alert(a.value); 呼叫時,系統已經不再往下執行了(阻塞了),必須關閉彈窗後,後面的程式碼才繼續執行。

    所以,解決方案就是不要使用 alert 函數,用第三方的彈窗實現,可以同時彈出多個。

    回覆
    0
  • 取消回覆