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>
能一次性alert出框中内容？
问题解答
回答1：不能。一句alert()弹一次alert框。
关闭了一个alert框 下一个alert框才会弹出来。
可以把两个input value拼接成字符串，例如：
var myFn = function(a,b) {var str = a.value + ’，’ + b.value;alert(str); };回答2：
不能。
弹窗是同步执行的，当 alert(a.value); 调用时，系统已经不再往下执行了（阻塞了），必须关闭弹窗后，后面的代码才继续执行。
所以，解决方案就是不要使用 alert 函数，用第三方的弹窗实现，可以同时弹出多个。
相关文章：
1. javascript - js 面向对象2. css3 - 新版支付宝 账单页面滑动时月份栏被下一个月给顶上去是什么效果3. javascript - vuex 参数绑定问题求解4. docker start -a dockername 老是卡住，什么情况？5. javascript - yo创建angular报错6. docker镜像push报错7. python - requests post问题8. 把h5放入webview里面，h5页面上下可以回弹，怎么可以去掉该效果9. css3 - 没明白盒子的height随width的变化这段css是怎样实现的?10. javascript - 关于js原生事件的绑定与解除绑定
网公网安备