第十八篇 JS传参数

2017-09-13 20:32:50来源:CSDN作者:longfeng995人点击

分享

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

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台