有时候我们需要拼html给方法传递一个对象,当然很多时候如果数据多了就是传id进行查询
方法一:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function modeSearch(a,b,c) {
console.log(b);
alert(b.name);
}
var myobj = { 'name': 'test' };//必须是全局变量
window.onload = function() {
var mode = "<a href=\"#\" οnclick=\"modeSearch(0,myobj,0);\">DEMO</a>";
document.getElementById('demo').innerHTML = mode;
}
</script>
</head>
<body>
<div id="demo"></div>
</body>
</html
简单的对象可以,此时obj必须是全局变量,如果需要循环时改方法就不好了
方法二:把对象序列化成字符串在传递
var jsonstr = JSON.stringify(myobj);
jsonstr = jsonstr.replace(/"/gm, "'");//替换一下,因为使用JSON.stringify(myobj);转化后是双引号在拼接时会有问题,就把双引号全部替换成单引号
<a href=\"#\" class=\"fjf\" οnclick=\"_lclinfo(" + jsonstr + ");\">
function _lclinfo(_item)
{
//此时item就是一个对象,可以通过item.来获取内容
}