zoukankan      html  css  js  c++  java
  • JavaScript 对象,数组等传参

    例:把人物信息的值传入函数进行处理。
    简化为如下:
    css部分
    #wrap{
    100px;
    background: #0f0;
    }
    HTML部分
    <div id="wrap"></div>
    JS部分
    1.对象传参
    var oWrap = document.getElementById('wrap');
    var objs1 = {
    "name":"zack",
    "age":"23",
    "gender":"male"
    }
    // 或者参数名不带引号也行
    // * 注意标准的JSON格式是都带双引号的,用逗号隔开 *
    // var objs1 = {
    // name:"zack",
    // age:"23",
    // gender:"male"
    // }
    function fn1(obj){
    var a = document.createElement("div");
    var b = document.createElement("div");
    var c = document.createElement("div");
    oWrap.appendChild(a);
    oWrap.appendChild(b);
    oWrap.appendChild(c);
    a.innerHTML = obj.name;
    b.innerHTML = obj.age;
    c.innerHTML = obj.gender;
    }
    fn1(objs1);

    2.数组传参
    //注意参数顺序
    var objs2 = ["muler","25","male"];
    function fn2(obj){
    var a = document.createElement("div");
    var b = document.createElement("div");
    var c = document.createElement("div");
    oWrap.appendChild(a);
    oWrap.appendChild(b);
    oWrap.appendChild(c);
    a.innerHTML = obj[0];
    b.innerHTML = obj[1];
    c.innerHTML = obj[2];
    }
    fn2(objs2);

    3.传不定量参数
    //用函数自带的arguments代表了形参名
    //调用时注意实参顺序
    function fn3(){
    var a = document.createElement("div");
    var b = document.createElement("div");
    var c = document.createElement("div");
    oWrap.appendChild(a);
    oWrap.appendChild(b);
    oWrap.appendChild(c);
    a.innerHTML = arguments[0];
    b.innerHTML = arguments[1];
    c.innerHTML = arguments[2];
    }
    fn3("rosa","24","female");

  • 相关阅读:
    css定位
    表格常见属性
    细说Ajax--异步请求
    DOM事件与jQuery事件的是非纠葛
    简单特效-切换背景图片
    javascript之--offset家族
    javascript高级特性
    参数的传递
    javascript中函数浅析
    初识Javascript
  • 原文地址:https://www.cnblogs.com/forlong/p/8455721.html
Copyright © 2011-2022 走看看