• 第十八篇 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,则会隐藏。如果登录的时候,用户名和密码都在地址栏里出现了,旁人一下记住了怎么办呢,对吧!
     
  • 相关阅读:
    ubuntu下配置Apache
    ubuntu 下配置Web服务器
    ubuntu 笔记一
    域名解析
    C# Enum,Int,String的互相转换
    C# 得到本机局域网IP地址
    C# 连接 SQLServer 及操作
    C# OpenFileDialog 使用
    如何解决 IntelliJ Idea 编译 Java 项目时,找不到包或找不到符号的问题?
    阿里巴巴 MySQL 数据库之 SQL 语句规约 (三)
  • 原文地址:https://www.cnblogs.com/longfeng995/p/7590440.html
Copyright © 2020-2023  润新知