button标签的onclick事件 |
您所在的位置：网站首页 › snew的意思 › button标签的onclick事件 |
|
1.普通的button标签定义onclick事件 (1)：无参 function mymethon(){ alert("触发点击事件"); }(2)：有参 ①：一个参数 function mymethon(num){ alert("单个参数:"+num); }②：多个参数，用","隔开 function mymethon(name,sex,address){ alert("姓名"+name+";性别:"+sex+";住址:"+address); }
2.for循环给button标签定义onclick事件并调用 说明：无参for循环onclick方法和普通的方法方式一样，可以参考案例1.(1)，在此不做过多解释，主要是说一下追加传参的时候，转义符的神奇存在 另外需要注意的是操作顺序：先定义方法再调用，不然容易出现类似"未定义"的相关错误，根据JS代码的执行顺序，方法写的$(document).ready(function(){});外比较合适 PS：在此顺便说明一下js代码的执行顺序： $(document).ready(function() { //后执行 }); //先执行(1)：一个参数 function mlook(name){ alert(name); } $(document).ready(function() { //数组，一会儿以便循环追加时使用 var ckName=new Array(); ckName[0]="张三"; ckName[1]="李四"; ckName[2]="王五"; ckName[3]="张柳"; ckName[4]="赵六"; var mDiv document.getElementById("mWindows"); //给id为"mWindows"的标签(此处是div盒子)追加内容 for (var i = 1; i < ckName.length; i++) { mDiv .innerHTML += ''+ ckName[i]+ '次'+ //传字符串类型的数据时需要加"引号"，"\'"是转义符，可以有效的转义引号 '查看详情'; } });(2)：多个参数 $(document).ready(function() { var ckName=new Array(); ckName[0]="张三"; ckName[1]="李四"; var officeName=new Array(); officeName[0]="李老师"; officeName[1]="王老师"; var bstartTime=new Array(); bstartTime[0]="2018-05-01"; bstartTime[1]="2018-05-31"; var mDiv= document.getElementById("mWindows"); //给id为"mWindows"的标签(此处是div盒子)追加内容 for (var i = 1; i < ckName.length; i++) { mDiv.innerHTML += ''+ ckName[i]+ '次;'+ '查看详情'; //同理：多个参数的话，用逗号隔开，注意看清楚每对符号是否齐全 } }); function mwant(student,teacher,date){ alert(name+teacher+date); }PS:如果有不太会使用转义符的盆友，给你们推荐一个在线HTML代码转换为JavaScript字符串工具：http://tools.jb51.net/transcoding/html2js 最最后：这是我自己总结的，若发现有不足或者其他新知识点欢迎提意见和补充！
|
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |