首页 > 其他分享 >动态添加HTML时onclick函数参数传递

动态添加HTML时onclick函数参数传递

时间:2024-07-12 18:40:39浏览次数:20  
标签:tmp abc 参数传递 strHTML HTML onclick var type append

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

标签:tmp,abc,参数传递,strHTML,HTML,onclick,var,type,append
From: https://www.cnblogs.com/joe-tang/p/7145041.html

相关文章

  • 通过 tomcat 让手机访问到电脑写的 html 网页
    之前实现的html小项目只能在自己的电脑上展示,如果要在其他电脑或者在手机上就看不到网页了想要在手机上访问自己写的网页,我们可以借助tomcat首先我们可以从官网下载tomcat官网链接:apache官网我们拉到最底部,找到apache公司下的tomcat下载zip版本即可(只有十几MB,解......
  • html+js实现选中左边的数据到右边
    效果后台要开发个功能,给游戏内的用户赠送道具,先把道具列表展示,然后选择要增送的道具,可以加上道具图片之类的,美化index.html页面没有美化,只是实现了效果。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device......
  • 370. 高端个人相册网站 大学生期末大作业 Web前端网页制作 html5+css+js
    目录一、网页概述二、网页文件 三、网页效果四、代码展示1.html2.CSS3.JS五、总结1.简洁实用2.使用方便3.整体性好4.形象突出5.交互式强六、更多推荐欢迎光临仙女的网页世界!这里有Web前端网页制作的各行各业的案例,样式齐全新颖,并持续更新!感谢CSDN,提供了这......
  • HTML5+CSS3小实例:响应式漫画网格布局
    实例:响应式漫画网格布局技术栈:HTML+CSS效果:源码:【HTML】<!DOCTYPEhtml><htmllang="zh-CN"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">......
  • 【python生成用例报告】unittest、HTMLTestReport、参数化demo
    使用第三方的报告模版,生成报告HTMLTestReport,本质是TestRunner-安装pipinstallHTMLTestReport-使用1.导包unittest、HTMLTestReport2.组装用例(套件,loader)3.使用HTMLTestReport中的runner执行套件4.查看报告目录结构:app.py:importosBase......
  • html+css+js贪吃蛇游戏
    贪吃蛇游戏......
  • Golang 切片作为函数参数传递的陷阱与解答
    作者:林冠宏/指尖下的幽灵。转载者,请:务必标明出处。GitHub:https://github.com/af913337456/出版的书籍:《1.0-区块链DApp开发实战》《2.0-区块链DApp开发:基于公链》例子切片作为函数参数传递的是值用来误导切片作为函数参数传递的是引用函数内切片append引起......
  • 用html做立方体,并旋转
    用html做立方体,并旋转前言分析开肝最终代码最后前言刚开始学HTML时以为只能做网页,可是,HTML彻底颠覆了我的认知。分析经我一波操作,搭出来一个正方体。首先,要完成我们这个项目有三个重要的地方,分别是:观察层:视角3D体:开启HTML3d模式3D面:旋转从观察层开始,视角距离......
  • JavaWeb__HTML&CSS
    目录一、HTML1、网页的组成部分2、HTML文件的书写规范3.HTML标签的介绍4、标签的语法5、常用标签介绍二、CSS1、CSS技术介绍2、CSS语法规则3、CSS和HTML的结合方式3.1、行内式3.2、内嵌式3.3、外部样式表4、CSS选择器4.1、标签名选择器4.2、id选择器4.3、class选择......
  • 前端面试基础html/js/css
    一、css1.说一下css盒子模型CSS盒子模型(BoxModel)是CSS中用于描述元素尺寸和布局的一个重要概念。它定义了元素的内容、内边距、边框、外边距和高度的计算方式。盒子模型对于网页布局和响应式设计至关重要。在CSS中,每个元素都可以被视为一个盒子,这个盒子由内容(content)、......