js设置元素的onclick传参方法

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. <META NAME="Generator" CONTENT="EditPlus">
  6. <META NAME="Author" CONTENT="">
  7. <META NAME="Keywords" CONTENT="">
  8. <META NAME="Description" CONTENT="">
  9. <script>
  10. var array=[1,2,3,4,5,6];
  11. function testvalue(val)
  12. {
  13. alert(val);
  14. }
  15. function add(){
  16. for(i=0,len=array.length;i<len;i++)
  17. {
  18. var newOption = document.createElement("li");
  19. newOption.innerHTML=i+1;
  20. newOption.onclick=function (val){ return function(){testvalue(val);}}(array[i])
  21. document.getElementById(‘div‘).appendChild(newOption);
  22. }
  23. }
  24. </script>
  25. </HEAD>
  26. <BODY>
  27. <input type=‘button‘ value=‘click me‘ onclick=‘add()‘ />
  28. <div id=‘div‘></div>
  29. </BODY>
  30. </HTML>

[html] view plaincopy

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <script type="text/javascript">
  5. </script>
  6. </head>
  7. <body>
  8. <div id="showDiv">
  9. this is showDiv
  10. </div>
  11. </body>
  12. <script type="text/javascript">
  13. var arr = new Array("a","b","c");
  14. funcA();
  15. function funcA(){
  16. var str = "";
  17. for(var m=0;m<arr.length;m++){
  18. str +=arr[m];
  19. var a = document.createElement("A");
  20. var textStr = document.createTextNode("链接到"+m);
  21. a.appendChild(textStr);
  22. a.href="javascript:void(0)";
  23. a.onclick=function (val){ return function(){funcB(val);}}(m);
  24. var s = document.getElementById("showDiv");
  25. s.appendChild(a);
  26. }
  27. }
  28. function funcB(m){
  29. alert("打开超链接"+m);
  30. }
  31. </script>
  32. </html>
时间： 2024-10-11 21:04:15

js设置元素的onclick传参方法的相关文章

thymeleaf+bootstrap，onclick传参实现模态框中遇到的错误

thymeleaf+bootstrap,onclick传参实现模态框中遇到的错误 thymeleaf下设置onclick属性 原文地址:https://www.cnblogs.com/hfultrastrong/p/8708787.html

spring的几个传参方法

[email protected] 通过URI template 样式映射时,使用@PathVariable <script type="text/javascript">$('#setButton').click(function() { $("#removeId").val(spId); $("#toolBarForm").attr("action","/test/"+$("#id

原生js中用Ajax进行get传参

原生js中用Ajax进行get传参 案例: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> input{ width:600px; height:50px; display:block; } </style> </head> <body> <input ty

js方法之间的调用之——传参方法

在最近项目需求中发现,完成一些功能的时候总是要调很多结构类似的方法,写起来很繁琐,所以就想写一个“万能”方法,是的代码更简洁.即:把一个方法作为参数传给这个“万能”方法,让它去执行你给定的方法,就类似于ajax中success/error方法传参,总是传入一个方法体. ####1.将方法作为参数 代码: var a = function(){ console.info("我成功执行了..."); } var excuteFunc = function(funcName){ funcNa

js中设置元素class的三种方法小结

一.obj.setAtttribute('class','abc') <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8" /> <title>setAttribute('class', 'abc')</title> <style type="text/css"> .abc { background: red; } </styl

HTML元素的专用传参数据属性

把参数直接放到事件定义里面,类似下面这样,也是可以,但是这样不够Nice. <a href="javascript:void(0)" onclick="clickhandler(arg1)">点击</a> 上面这种方法有着这样那样的限制,比如在服务器端生成这段代码时,arg1的生成又要用'单引号包裹,如果在客户端视图模板中生成上面这个代码,有可能完全失败,比如在目前的AngualrJS产品版本中.于是乎有了下面这样的做法: <a hre

onclick传参

var tema="<a title='打开' href='javascript:;' onclick='showKnowledgeMap(1,\" "+kl_name+"\")'>打开</a>"; 为了这条语句,费了多少精力. 目的:给div html()一个元素,点击这个元素,会showKnowledgeMap(1,"名称"). 在网上找的onclick传字符串,外变是“”,里面就是‘’外边是‘’,

wx.navigateBack传参方法

一.传参页面代码 var pages = getCurrentPages();   //当前页面 var prevPage = pages[pages.length - 2];    //上一页面 prevPage.setData({ //直接给上一页面赋值 id:27, }) wx.navigateBack({ //返回上一页面 delta:1, }) 二.接收传参页面代码(代码写在onShow方法内) var that = this; var pages = getCurrentPages(

css设置元素垂直居中的几个方法

最近有人问我怎么设置元素垂直居中?我....(这么基础的东西都不会?我有点说不出话来),  不过还是耐心的教了他几个方法,好吧教完他们,顺便把这些方法整理一下 第一种:通过设置成为表格元素的方式来实现垂直居中 (适应于父级有固定高度的元素) 第一步,写html代码,如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>元素垂直居中</title&