您的位置:首页技术文章
文章详情页

javascript - JS 函数接收参数并弹出

浏览:19日期:2023-03-12 15:05:43

问题描述

<!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 函数,用第三方的弹窗实现,可以同时弹出多个。

标签: JavaScript
相关文章: