第十八篇 JS传参数

来源：互联网发布：地质灾害数据库标准编辑：程序博客网时间：2024/06/08 05:50

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，则会隐藏。如果登录的时候，用户名和密码都在地址栏里出现了，旁人一下记住了怎么办呢，对吧！

阅读全文

0 0