javascript - JS 函数接收参数并弹出
怪我咯
怪我咯 2017-07-05 10:52:48
0
2
689
<!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出框中内容?

怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(2)
阿神

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

关闭了一个alert框 下一个alert框才会弹出来。

可以把两个input value拼接成字符串,例如:

var myFn = function(a,b) {
        var str = a.value + ',' +  b.value;
        alert(str);        
    };
过去多啦不再A梦

不能。

弹窗是同步执行的,当 alert(a.value); 调用时,系统已经不再往下执行了(阻塞了),必须关闭弹窗后,后面的代码才继续执行。

所以,解决方案就是不要使用 alert 函数,用第三方的弹窗实现,可以同时弹出多个。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板