正文

第十八篇js传参数

幸享龙枫  2022-02-13  401

关键词：

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

第十八篇：questionanswering问答系统

目录介绍事实问题非事实问题为什么我们关注NLP中的事实问题？2种关键方法大纲IR-basedQA基于IR的事实(Factoid)QA：TREC-QA问题处理答案类型检索答案提取如何？MCTestSQuAD阅读理解基于LSTM的模型基于BERT的模型为什么BERT比LST... 查看详情

linux从青铜到王者第十八篇:linux网络基础第二篇之tcp协议

系列文章目录文章目录系列文章目录前言一、TCP面向字节流二、TCP粘包问题1.什么是TCP粘包问题2.TCP粘包问题的解决办法三、TCP异常情况四、TCP协议1.TCP协议段格式2.确认应答(ACK)机制3.超时重传机制4.连接管理机制1、TCP三次握手1.... 查看详情

c++从入门到入土第十八篇：多态

多态文章目录多态什么是多态虚函数重写的两个例外协变（基类与派生类虚函数返回值类型不同）析构函数的重写（基类与派生类析构函数的名字不同）重载、覆盖(重写)、隐藏(重定义)的对比抽象类多态的原理虚... 查看详情

c++从入门到入土第十八篇：多态

第十八篇商城系统-订单中心设计解决方案(代码片段)

订单模块一、资源整合我们需要把相关的静态资源拷贝到nginx，然后动态模板文件拷贝到order项目的templates目录下，然后调整资源的路径。在网关中设置对应的路由即可。二、整合SpringSession 结合官网，导入对... 查看详情

c++从青铜到王者第十八篇:c++之多态(代码片段)

系列文章目录文章目录系列文章目录前言一、多态的概念1.多态的概念二、多态的定义及实现1.多态的构成条件2.虚函数的认识3.虚函数的重写1.虚函数重写的两个例外之协变2.虚函数重写的两个例外之析构函数的重写4.C++11ove... 查看详情

第十八篇：揭秘redux设计思想与工作原理（上）(代码片段)

Redux相信大家或多或少都接触过，关于Redux的基础知识，第05讲已经有过铺垫。从本讲开始，我们将在此基础上，针对Redux进行更加系统和深入的学习。注：如果你没有接触过Redux，点击这里可以快速上手。... 查看详情

第十八篇flowable之多人会签(代码片段)

一、多人会签1.流程图绘制多人会签是指一个任务需要多个人来处理，案例讲解完整的xml内容<?xmlversion="1.0"encoding="UTF-8"?><definitionsxmlns="http://www.omg.org/spec/BPMN/20100524/MODEL"xmlns:xsi="http... 查看详情

走入计算机的第十八天（函数的参数）

一形参和实参 1.形参变量只有在被调用时才分配内存单元，在调用结束时，即刻释放所分配的内存单元。因此，形参只在函数内部有效。函数调用结束返回主调用函数后则不能再使用该形参变量 2.... 查看详情

第十八篇：揭秘redux设计思想与工作原理（上）(代码片段)

小刘同学的第四十八篇博文

　　自己的状态出问题了，而且家里事情也比较多吧。　　今天要承认确实有时间本可以拿出来编程的，但是没有编。　　立一个flag吧，明天一定要有内容的更新。查看详情

第三十八篇给uitabbar按钮的动画效果

-(void)tabBar:(UITabBar*)tabBardidSelectItem:(UITabBarItem*)item{NSIntegerindex=[self.tabBar.itemsindexOfObject:item];if(self.indexFlag!=index){[selfanimationWithIndex:index];}}//动画-(void)animat 查看详情

开始写游戏---第二十八篇

开始写游戏---第二十八篇　　今天：　　　　1、添加：物品奖励组件　　　　2、添加：物品信息弹框组件　　　　3、碰到BUG，现在被卡住了　　　　上图：　　　　1、添加：物品奖励组件　　　　　　　　　　效果：　　　... 查看详情

第三十八篇pandas模块(代码片段)

pandas基于numpy模块，用于处理文本或表格数据，支持文件存取操作，支持数据库importpandasaspdimportnumpyasnpSeries只能放一维数组print(pd.Series([1,2,3,4,5]))'''0112233445dtype:int32'''print(pd.Series(np.array([1,2,3,4, 查看详情

我的第二十八篇博客---seleinum

fromseleniumimportwebdriver#初始化驱动driver=webdriver.Chrome()#请求页面driver.get(url=‘https://www.baidu.com‘)#找到对应标签，发送文本driver.find_element_by_xpath("//*[@id=‘kw‘]").send_keys(‘2019‘)#找到按钮，点击clickdriver.fin 查看详情

linux篇第十八篇——网络套接字编程（预备知识+udp套接字的编写）(代码片段)

⭐️本篇博客开始给大家介绍网络编程中的套接字编程——基于UDP协议的套接字和基于TCP的套接字，这篇博客主要介绍基于UDP协议套接字，下一篇介绍基于TCP协议的套接字。在介绍套接字编程之前，我会先给大家介绍... 查看详情

linux篇第十八篇——网络套接字编程（预备知识+udp套接字的编写）(代码片段)

小刘同学的第五十八篇博文

　　今天又没有认真更新，可能是因为要回南昌耽误了。。。　　其实自己也明白，再多的理由都是借口，都是给自己偷懒的理由……这是文件格式ajax.html里面的代码不是很懂，callback(data)的意思，昨天看老师的视频也是卡在这... 查看详情