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. Java-synchronized 中锁的状态及其转换

    synchronized 锁的优化过程:无锁 -> 偏向锁 -> 轻量级锁 -> 重量级锁 一.不同锁对象的状态表示(需要了解 Java 对象头) https://wiki.open ...

  2. ServiceStatusUtils判断服务是否运行

    import android.app.ActivityManager; import android.app.Service; import android.content.Context; impo ...

  3. Ubunut16.04 安装 Theano+GPU

    1. 更新NVIDIA显卡驱动   安装好系统之后首先在系统更新管理器中更新显卡驱动,如下图 点击Apply Changes 2. 安装numpy,scipy,theano pip安装即可 sudo ...

  4. iOS检测用户截屏, 并获取所截图片

    // // ViewController.m // CheckScreenshotDemo // // Created by 思 彭 on 2017/4/25. // Copyright © 2017 ...

  5. Java并发编程之程序运行堆栈分析

    Java程序运行的堆栈分析 1.JVM运行时数据区 JVM通过加载class文件的数据来执行程序.JVM在运行时会划分不同的区域以存放数据.如下图所示: 线程共享部分:所有线程都能访问这块内存的数据, ...

  6. LeetCode.1071-字符串最大公约数(Greatest Common Divisor of Strings)

    这是小川的第391次更新,第421篇原创 01 看题和准备 今天介绍的是LeetCode算法题中Easy级别的第253题(顺位题号是1071).对于字符串S和T,当且仅当S = T + ... + T ...

  7. Leetcode之动态规划（DP）专题-63. 不同路径 II（Unique Paths II）

    Leetcode之动态规划(DP)专题-63. 不同路径 II(Unique Paths II) 初级题目:Leetcode之动态规划(DP)专题-62. 不同路径(Unique Paths) 一个机 ...

  8. seq2seq&attention图解

  9. 解决Wamp的 Error D:\wamp or PHP path 错误

    之前早早就用了wamp,发现还是挺好用的,就是刚开始改端口号之类的配置有点麻烦,不过还是一一解决了. 就在昨天安装了 composer . 突然发现wamp 有一个错 “Error D:\wamp o ...

  10. 临时更换pip国内源

    源 地址 阿里云 http://mirrors.aliyun.com/pypi/simple/ 豆瓣 http://pypi.douban.com/simple/ 清华大学 https://pypi. ...