第十八篇 JS传参数

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

时间: 2024-08-28 17:17:53

第十八篇 JS传参数的相关文章

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

一直有想法去写写js方面的东西,我个人是最喜欢js这门语言,喜欢的他的自由和强大,虽然作为脚本语言有很多限制的地方,但也不失为一个好的语言,尤其是在H5出现之后.下面开始说说js的方面的东西,由于自己的能力有现,有点地方说的不明白,还请高手指点.这个文章,如果有时间的话应该会写一个系列,包括js的高级方面的知识,最终希望能够说到js的引擎方面的东西.千里之行,始于足下,下面开始说说最简单的一个东西—js的作用域链,时常也比较容易弄错,也算是自己做一个纪录. 首先看一段代码: function t

Python之路【第十八篇】:Web框架们

Python之路[第十八篇]:Web框架们 Python的WEB框架 Bottle Bottle是一个快速.简洁.轻量级的基于WSIG的微型Web框架,此框架只由一个 .py 文件,除了Python的标准库外,其不依赖任何其他模块. 1 2 3 4 pip install bottle easy_install bottle apt-get install python-bottle wget http://bottlepy.org/bottle.py Bottle框架大致可以分为以下部分: 路

Python开发【第十八篇】:MySQL(二)

Python开发[第十八篇]:MySQL(二) 视图 视图是一个虚拟表(非真实存在),其本质是[根据SQL语句获取动态的数据集,并为其命名],用户使用时只需使用[名称]即可获取结果集,并可以将其当作表来使用. SELECT * FROM ( SELECT nid, NAME FROM tb1 WHERE nid > 2 ) AS A WHERE A. NAME > 'alex'; 临时表搜索 1.创建视图 --格式:CREATE VIEW 视图名称 AS SQL语句 CREATE VIEW v

第十八篇:融汇贯通--谈USB Video Class驱动

USB Video Class驱动是WINDOWS系统包含的一个针对于USB VIDEO 类的驱动程序. 好多工程师都做过USB VIDEO设备端的开发, 主要的工作内容为: 使用FIRMWARE,或者LIINUX GADGET驱动程序, 构建USB VIDEO设备的描述符, 通过这些描述符的TOPOLOGY关系, 让系统了解,设备所支持的某些控制, 支持的视频格式, 系统驱动通过对这些描述符的解释, 构建自己的KS, FILTER, NODE, PIN网络, 属性, 方法, 最终, 又由这些F

【Python之路】第十八篇--MySQL(一)

[Python之路]第十八篇--MySQL(一) 一.概述 1.什么是数据库 ? 答:数据的仓库,如:在ATM的示例中我们创建了一个 db 目录,称其为数据库 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL Server等 ? 答:他们均是一个软件,都有两个主要的功能: a. 将数据保存到文件或内存 b. 接收特定的命令,然后对文件进行相应的操作 PS:如果有了以上软件,无须自己再去创建文件和文件夹,而是直接传递 命令 给上述软件,让其来进行文件操作,他们统称为数

Egret入门学习日记 --- 第二十八篇(书中 9.19 ~ 9.19 节 内容)

第二十八篇(书中 9.19 节 内容) 没想到第九章的组件篇可真是够长的,没事,慢慢来吧. 开始 9.19节. 重点: 1.创建一个Tips提示组件. 操作: 1.创建一个Tips提示组件. 哇!出大问题!这个Tips组件有点牛皮!怎么办? 书中内容这部分,我直接懵逼. 还有这部分也是. 一点一点来分析好吧. 好,开始分析一波. 第一步:查看最终展示效果. 这是最终效果.(我去,我现在才知道,原来博客园的编辑器还可以放Gif图片...) 第二步:这个黑色的弹框组件本质上是由什么构成的? 可见,在

js 传参数

引用js实现传参数,然后在js文件里面动态加载东西,比如传递参数然后动态加载皮肤颜色,而我为了实现多语言,一般人家传递参数是为了区分版本用的还有清除js缓存问. <script src="/js/jquery-1.9.1.min.js? LanguageKey=en" type="text/javascript"></script> (function(e,t){  var scriptss = document.scripts;//默认语言

关于js 传参数问题

<a class='btn btn-mini btn-info' title="详情" <span style="color:#FF0000;"><span style="color:#FF0000;"> onclick="cusBatchDetail(${cusBatch.postBatchno })</span></span>"> <!--<i cla

Python全栈开发之路 【第十八篇】:Ajax技术

Ajax技术 Ajax = 异步 JavaScript 和 XML. Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. 1.jQuery的load()方法 jQuery load()方法是简单但强大的AJAX方法. load()方法从服务器加载数据,并把返回的数据放入被选元素中. 语法: $("selector").load(url,data,callback); 1.必须的url参数规定记载的url地址 2.可选的data参数规定与请求一同发送的查询字符串键/