函数接收参数并弹出

最新推荐文章于 2022-07-25 20:24:44 发布

原创最新推荐文章于 2022-07-25 20:24:44 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了一种在JavaScript中不指定表单个数情况下输出表单内容的方法，通过使用arguments对象实现这一功能，并展示了如何在HTML页面上实现点击按钮查看所有输入框内容的交互。

在不知道表单个数的情况下，想要输出表单的内容，我们立即会想到用arguments，下面看看这个例子。

javascript

<script>
    function show(){
		for(var i in arguments){
			return arguments[i].value;
		}
	}
    window.onload = function(){
    	var oBtn = document.getElementsByTagName('button')[0];
    	var aInput = document.getElementsByTagName('input');
    	var str = [];
    	oBtn.onclick = function(){
    		// 每次点击，清除上次记录
    		str = [];
    		for(var i= 0;i<aInput.length;i++){
    			str.push(show(aInput[i]));
    		}
    		alert(str.join('-'));
    	}
    }
    </script>

html

<p>
    	<input type="text" value="中国">
    </p>
    <p>
    	<input type="text" value="上海">
    </p>
    <p>
    	<input type="text" value="浦东">
    </p>
    <p>
    	<input type="text" value="张江">
    </p>
    <p><button>显示</button></p>

css

<style>
	body{font:12px/1.5 Tahoma;text-align:center;}
	code,input,button{font-family:inherit;}
	input{border:1px solid #ccc;padding:3px;}
	button{cursor:pointer;} 
</style>