第十八篇 JS传参数
Posted 幸享龙枫
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第十八篇 JS传参数相关的知识，希望对你有一定的参考价值。
JS传参数
参数，这是个什么东西呢？简单的说吧，我们去玩别人的网站，一般来个登录，有用户名和密码，当我们输入正确之后，那么这用户名和密码里面的值，就是参数的值，它将这个值传给“参数”，然后提交到后台去做验证，和数据库做匹配并判断，OK的话，就成功登录，不OK，那就失败呗。
还有一个比较好的例子，今后工作项目中，或许我们要调用接口，去访问别人的url，那么势必是要用到参数的，就比如短信接口，人家把一切写好了，你只需要调用，但是你要传参数啊，为什么呢，人家要验证你的用户名和密码是否正确，这样才能判断为，是用户本人操作，而并非是盗号者操作的，然后发送的短信内容是什么，这也是一个参数，还有发送的手机号也是一个参数。
参数这么重要，那么怎么用好参数呢，刚开始学的同学肯定会比较晕的，不怕，我们看代码，去改代码，去测试它的功能，了解它的规则，慢慢的就会了，那么我们看代码，先测试一些简单的：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JS参数</title> </head> <body> <div onclick="onediv(995)">第一个div</div> <script> //这里的num是一个参数，随便取得名字 function onediv(num){ alert(num); } </script> </body> </html>
上面这段代码，我们点击div就会弹出提示框，里面的内容则是‘995‘，为什么呢，因为我们在onclick事件里给了一个参数值，而JS函数里，定义一个参数名，它会通过事件而传递到函数里来，因为它们本身就是一个事件函数。
那么我们在参数里，995后面加一个呢，那么同学们要注意格式：
<div onclick="onediv(995,‘嗨，同学们好‘)">第一个div</div> <script> //这里的num是一个参数，随便取得名字 function onediv(num,string){ alert(num+"==========="+string); } </script>
这样的话，则会弹出：995===========嗨，同学们好。。这里要注意，在onclick事件里，字符串格式，要打单引号，数字则不需要。在JS函数里，因为上面提供了两个参数，所以下面也要用逗号区分开，然后取个参数名，这样就可以调用参数值了。
参数它还可以函数之间调用，看看下面的代码呢：
<div onclick="er()">测试第二个div</div> <script> function yi(){ return ‘我是字符串‘; } function er(){ alert(yi()); } </script>
return 是返回一个结果，返回给这个函数本身，当用了return之后，下面的代码将不再执行。当我点击div触发er()事件的时候，它会运行er函数，而这里面则盗用了 yi()函数，yi()函数返回了一个结果，所以er则会弹出这个结果的提示！
再加一个点击事件dd()函数来看出，参数是可以改变的，下面是整理好的代码：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>JS参数</title> </head> <body> <div onclick="onediv(995,‘嗨，同学们好‘)">第一个div</div> <br/><br/> <div onclick="er()">测试第二个div</div> <br/><br/> <div onclick="dd(‘我是参数1111111111‘)">我是参数1111111111</div> <br/><br/> <div onclick="dd(‘我是参数2222222222‘)">我是参数2222222222</div> <script> //两个div 同一个点击事件运行dd函数，弹出的结果则因为参数不一样而不一样 function dd(string){ alert(string); } //这里的num是一个参数，随便取得名字 function onediv(num,string){ alert(num+"==========="+string); } function yi(a){ return ‘我是字符串‘; } function er(){ alert(yi()); } </script> </body> </html>
额外：我们提交表单，为什么会说post会比gat安全呢？就比如一点，当我们提交数据之后，在网页地址栏里，我们能看见，我们的参数名和参数值都会看见，这就是用gat方法，而用post，则会隐藏。如果登录的时候，用户名和密码都在地址栏里出现了，旁人一下记住了怎么办呢，对吧！
以上是关于第十八篇 JS传参数的主要内容，如果未能解决你的问题，请参考以下文章
Linux从青铜到王者第十八篇:Linux网络基础第二篇之TCP协议