zoukankan      html  css  js  c++  java
  • js(20140517)在JS方法中返回多个值的三种方法

    在JS方法中返回多个值的三种方法

     

    在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现:

    1 使用数组的方式,如下:

    <html>
    <head>
        <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
        <input type="button" onclick="getNames()" value="test" />
    
        <script type="text/javascript">
    function getData()
    {
        var names=new Array("oec2003","oec2004");
        return names;
    }
    function getNames()
    {
        var names=getData();
        alert(getData()[0]); //返回oec2003
    }
    </script>
    
    </body>
    </html>

    2 将数据封装到Json中返回,如下:

    <html>
    <head>
    <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
    <input type="button" onclick="getInfo()" value="test"/>
    <script type="text/javascript">
    function getData()
    {
        var info={"name":"oec2003","age":"25"};
        return info;
    }
    function getInfo()
    {
        var info=getData();
        var name=info["name"];
        var age=info["age"];
        alert("姓名:"+name+" 年龄:"+age);
    }
    </script>
    </body>
    </html>

    更详细的Json的介绍请看这里

    3 这是最简单的一种方法,看下面代码:

    <html>
    <head>
    <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
    <input type="button" onclick="getInfo()" value="test"/>
    <script type="text/javascript">
        function getData()
        {
            return ["oec2003", 25]
        }
        function getInfo()
        {
            var info = getData();
            alert("姓名:" + info[0] + "年龄:" + info[1]);
        }
    </script>
    </body>
    </html>

    在JS方法中返回多个值的三种方法

     

    在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现:

    1 使用数组的方式,如下:

    <html>
    <head>
        <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
        <input type="button" onclick="getNames()" value="test" />
    
        <script type="text/javascript">
    function getData()
    {
        var names=new Array("oec2003","oec2004");
        return names;
    }
    function getNames()
    {
        var names=getData();
        alert(getData()[0]); //返回oec2003
    }
    </script>
    
    </body>
    </html>

    2 将数据封装到Json中返回,如下:

    <html>
    <head>
    <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
    <input type="button" onclick="getInfo()" value="test"/>
    <script type="text/javascript">
    function getData()
    {
        var info={"name":"oec2003","age":"25"};
        return info;
    }
    function getInfo()
    {
        var info=getData();
        var name=info["name"];
        var age=info["age"];
        alert("姓名:"+name+" 年龄:"+age);
    }
    </script>
    </body>
    </html>

    更详细的Json的介绍请看这里

    3 这是最简单的一种方法,看下面代码:

    <html>
    <head>
    <title>JS函数返回多个值--oec2003</title>
    </head>
    <body>
    <input type="button" onclick="getInfo()" value="test"/>
    <script type="text/javascript">
        function getData()
        {
            return ["oec2003", 25]
        }
        function getInfo()
        {
            var info = getData();
            alert("姓名:" + info[0] + "年龄:" + info[1]);
        }
    </script>
    </body>
    </html>
    ---来自oec2003
  • 相关阅读:
    pycharm-1
    WIN7、WIN10 右键在目录当前打开命令行Cmd窗口
    富文本框TinyMCE上传本地图片基本配置
    安装win10正式版后网速变慢的解决方法
    win10远程桌面出现身份验证错误。要求的函数不受支持
    C# 利用VS自带的WSDL工具生成WebService服务类
    解决IIS服务使用C#代码在Windows Server 2012上无法启动Excel的问题
    chorme浏览器不支持audio/video中的autoplay属性的解决方法
    iOS 内购笔记
    利用SortedMap对HashMap进行排序
  • 原文地址:https://www.cnblogs.com/sunshine-c/p/3733266.html
Copyright © 2011-2022 走看看