构建一个对象,动态创建文本后传递,执行函数错误,演示代码如下:
<!DOCTYPE html>
<html>
<body>
<script>
function show(param){
document.write(param.url);
}
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
person.url='http://www123.com';
var txt='<a href="javascript:show('+person+')">显示</a>';
document.write(txt);
</script>
</body>
</html>
首先我们说问题所在吧
javascript
var txt='<a href="javascript:show('+person+')">显示</a>';
上面的show
函数,实际只能接受字符串型的参数,因为那段js代码实际叫做"inline script",是嵌入在html
里的。所以才会报错。
再来说,如何改正确:
如果一定要完成你的需求,OK,那我们这样改一下:
javascript
function show(paramStr){ var param = JSON.parse(window.atob(paramStr)); document.write(param.url); } person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"} document.write(person.firstname + " is " + person.age + " years old."); person.url='http://www123.com'; var str = window.btoa(JSON.stringify(person)); var txt='<a href="javascript:show(\''+str+'\')">显示</a>'; document.write(txt);