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传参数的更多相关文章

  1. 第十八篇 js高级知识---作用域链

    一直有想法去写写js方面的东西,我个人是最喜欢js这门语言,喜欢的他的自由和强大,虽然作为脚本语言有很多限制的地方,但也不失为一个好的语言,尤其是在H5出现之后.下面开始说说js的方面的东西,由于自己 ...

  2. Python之路【第十八篇】：Web框架们

    Python之路[第十八篇]:Web框架们   Python的WEB框架 Bottle Bottle是一个快速.简洁.轻量级的基于WSIG的微型Web框架,此框架只由一个 .py 文件,除了Pytho ...

  3. 使用Typescript重构axios(二十八)——自定义序列化请求参数

    0. 系列文章 1.使用Typescript重构axios(一)--写在最前面 2.使用Typescript重构axios(二)--项目起手,跑通流程 3.使用Typescript重构axios(三) ...

  4. Egret入门学习日记 --- 第十八篇（书中 8.5~8.7 节 内容）

    第十八篇(书中 8.5~8.7 节 内容) 其实语法篇,我感觉没必要写录入到日记里. 我也犹豫了好久,到底要不要录入. 这样,我先读一遍语法篇的所有内容,我觉得值得留下的,我就录入日记里. 不然像昨天 ...

  5. vs2010开发activex（MFC）控件/ie插件(二)：js传参数

    原文:http://blog.csdn.net/yhhyhhyhhyhh/article/details/50802075  js传参数给activex控件. 过程为:js变量通过activex类的属 ...

  6. Bootstrap入门（二十八）JS插件5：工具提醒

    Bootstrap入门(二十八)JS插件5:工具提醒 工具提示在使用过程中比较常见,但是实现起来有些麻烦,而bootstrap则很好地解决了这个问题. 我们来写一个简单的实例 先引入CSS文件和JS文 ...

  7. js 传参数

    引用js实现传参数,然后在js文件里面动态加载东西,比如传递参数然后动态加载皮肤颜色,而我为了实现多语言,一般人家传递参数是为了区分版本用的还有清除js缓存问. <script src=&quo ...

  8. 第十八篇 模块与包--time&random模块&模块导入import（os.path.dirname（os.path.abspath(__file__)））

    模块 在Python中, 一个.py文件就称为一个模块. 使用模块的好处: 1. 最大的好处就是大大提高了代码的可维护性 2. 编写代码不必从零开始.一个模块编写完毕,就可以被其他地方引用.在写其他程 ...

  9. Android UI开发第二十八篇——Fragment中使用左右滑动菜单

    Fragment实现了Android UI的分片管理,尤其在平板开发中,好处多多.这一篇将借助Android UI开发第二十六篇——Fragment间的通信. Android UI开发第二十七篇——实 ...

随机推荐

  1. AttributeError:module 'keras.engine.topology' has no attribute 'load_weights_from_hdf5_group_by_name

    在jupyter notebooks上运行tensorflow-keras的Mask R-CNN时遇到如下错误: 参考博客中写了两种解决方案: 解决方案一:报错是由于keras版本不对造成的.load ...

  2. LC 856. Score of Parentheses

    Given a balanced parentheses string S, compute the score of the string based on the following rule: ...

  3. 使用jQuery做简单的图片轮播效果

      一.本特效主要用到的前端知识点 CSS中绝对定位(absolute)CSS实现垂直居中jQuery中简单的淡入淡出动画效果(fadeIn,fadeOut)定时器(setInterval,clear ...

  4. nginx的root 指令

    好长时间都没搞清nginx的root路径: location /img/ { alias /var/www/image/; } #若按照上述配置的话,则访问/img/目录里面的文件时,ningx会自动 ...

  5. 奶牛渡河（dp）

    奶牛渡河 时间限制: 1 Sec  内存限制: 128 MB提交: 36  解决: 27[提交][状态][讨论版][命题人:外部导入][Edit] [TestData] [同步数据] 题目描述 Far ...

  6. Spring JdbcTemplate实例

    1.常用方法 * update():执行DML语句.增.删.改语句* queryForMap():查询结果将结果集封装为map集合,将列名作为key,将值作为value 将这条记录封装为一个map集合 ...

  7. 【HANA系列】SAP HANA SQL计算某日期是当月的第几天

    公众号:SAP Technical 本文作者:matinal 原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:[HANA系列]SAP HANA SQL计算某日 ...

  8. Leetcode之动态规划（DP）专题-1025. 除数博弈（Divisor Game）

    Leetcode之动态规划(DP)专题-1025. 除数博弈(Divisor Game) 爱丽丝和鲍勃一起玩游戏,他们轮流行动.爱丽丝先手开局. 最初,黑板上有一个数字 N .在每个玩家的回合,玩家需 ...

  9. 应用安全 - 工具|平台 - Elasticsearch- 漏洞 - 汇总

    未授权访问 (1)/_cat/indices #Index个数查询 (2)/_mapping?pretty=true #type个数查询 (3)根据Index和type查询表数据 (4)/_river ...

  10. Linux 目录与路径

    树形目录结构 Linux 是以树形目录结构的形式来构建整个系统的. 从逻辑上来说Linux的磁盘是挂载在目录上的,每一个目录能使用本地磁盘分区或网络上的文件系统,比如利用网络文件系统(Network ...