js 基础 —— 函数接收参数并弹出

最新推荐文章于 2024-03-29 08:51:11 发布

wx-18538561085

最新推荐文章于 2024-03-29 08:51:11 发布

阅读量1k

点赞数 1

本文链接：https://blog.csdn.net/qq_40137978/article/details/106693516

版权

这是一段最基础的代码:

之前有人问我前端页面如何获取值，并把获取的值显示出来。
以下代码就可以实现:

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<style type="text/css">
		body{
			text-align: center;
		}
	</style>
	<script>
	var newFunc=function(a,b){
		alert(a.value)
		alert(b.value)
	}
	
	window.onload = function ()
	{
		var inputText = document.getElementsByTagName("input")
		var btnOK = document.getElementsByTagName("button")[0]
		btnOK.onclick=function(){
			newFunc(inputText[0],inputText[1])
		}
	}	
	</script>
</head>
<body>
<p><input type="text"  value="北京市" /></p>
<p><input type="text"  value="朝阳区" /></p>
<button type="button" >传参</button>
</body>
</html>

newFunc函数是自己写的一个方法，然后点击之后调用这个方法，就可以实现。

wx-18538561085

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 基础 —— 函数接收参数并弹出

这是一段最基础的代码:之前有人问我前端页面如何获取值，并把获取的值显示出来。以下代码就可以实现:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"
复制链接

扫一扫