zoukankan      html  css  js  c++  java
  • 动态添加HTML时onclick函数参数传递

    onclick函数动态传参

    1.参数为数值类型时:

    var tmp = 123;
    var strHTML = "<div onclick=func(" + tmp + ")>点击弹出数据及其类型</div>";
    info.append(strHTML);
    
    function func(tmp) {
    	alert(typeof tmp + " " + tmp);
    }
    

    string 123

    2.参数为字符串类型时:

    var tmp = "abc";
    var strHTML = "<div onclick=func('" + tmp + "')>点击弹出数据及其类型</div>";
    info.append(strHTML);
    
    function func(tmp) {
    	alert(typeof tmp + " " + tmp);
    }
    

     打印出 string abc


    3.传两个及以上的参数时:

    var tmp = "abcda";
    var type = "xza";
    //tmp参数和type参数之间不能有空格
    var strHTML = "<div onclick=func('" + tmp + "','" + type + "')>点击弹出数据及其类型</div>";
    info.append(strHTML);
    
    function func(tmp, type) {
    	alert(tmp + " " + type);
    }
    

     打印出 abcda xza

    4.参数为数组时:

    var tmp = ["abc", "ddd", "gg"];
    var strHTML = "<div onclick=func('" + tmp + "')>点击弹出数据及其类型</div>";
    info.append(strHTML);
    
    function func(tmp) {
    	alert(typeof tmp + " " + tmp);
    }
    

     打印出  string abc,ddd,gg

  • 相关阅读:
    计算机硬件基础
    元类
    内置函数
    单例模式的三种实现方式
    字符编码
    odoo权限
    odoo api介绍
    odoo 二次开发小记不定时更新
    js与jQuery区别
    Cookie, LocalStorage 与 SessionStorage说明
  • 原文地址:https://www.cnblogs.com/hamfy/p/3091888.html
Copyright © 2011-2022 走看看