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-JVM 运行时内存结构（Run-Time Data Areas）

    Java 虚拟机定义了在程序执行期间使用的各种运行时数据区域. 其中一些数据区域所有线程共享,在 Java 虚拟机(JVM)启动时创建,仅在 Java 虚拟机退出时销毁. 还有一些数据区域是每个线程的 ...

  2. Linux安全工具之fail2ban防爆力破解

    一:简单介绍 fail2ban是一款实用软件,可以监视你的系统日志,然后匹配日志的错误信息(正则式匹配)执行相应的屏蔽动作 在企业中,有些很多人会开放root登录,这样就有机会给黑客造成暴力破解的机会 ...

  3. python--nolocal

    Compare this, without using nonlocal: x = 0def outer(): x = 1 def inner(): x = 2 print("inner:& ...

  4. 理解MVC/MVP/MVVM的区别

    转载至[http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html] MVC 所有的通信都是单向的. M(Model)V(View)C(Contro ...

  5. LC 244. Shortest Word Distance II 【lock, Medium】

    Design a class which receives a list of words in the constructor, and implements a method that takes ...

  6. 内存数据库：memcached与redis技术的对比试验

    本文以高性能nginx服务器为应用背景,想利用缓存技术来减轻系统负荷,加快响应时间,从而增加web服务器的吞吐量. redis是一种分布式内存数据库,memcached是一种内存缓存技术,它们都采用k ...

  7. js 中实现 汉字按拼音排序

    let arr = ["贵州省", "江苏省", "江西省", "浙江省", "四川省", &quo ...

  8. 八十二：memcached之python操作memcached

    安装:pip install python-memcached 创建链接:mc = memcache.Client(['127.0.0.1:11211'], debug=True) 插入数据:mc.s ...

  9. python 类中__init__函数的使用

    class F: def __init__(self): print('hello china') __init__ 是构造函数,初始化类,每当调用类的时候,就会自动执行这个函数 比如:执行 F() ...

  10. 一个好看的测试报告模板BeautifulReport

    def nrun(): report = ('report_' + ('%s') % time.strftime("%Y-%m-%d-%H-%M-%S", time.localti ...