javascript - JS 函数接收参数并弹出
本文介绍了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
出框中内容?
解决方案
不能。一句alert()弹一次alert框。
关闭了一个alert框 下一个alert框才会弹出来。
可以把两个input value拼接成字符串,例如:
var myFn = function(a,b) {
var str = a.value + ',' + b.value;
alert(str);
};
这篇关于javascript - JS 函数接收参数并弹出的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文