(问题)调用JS函数，传过去的参数为什么变成了[OBJECT]

原创于 2018-09-28 17:02:52 发布 · 8.3k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript变量 #Html #字符串加变量

jQueryEasyUI 专栏收录该内容

26 篇文章

订阅专栏

本文详细解析了JavaScript中常见的字符串拼接错误，尤其是在HTML元素生成时的问题。通过一个具体的代码示例，展示了如何正确地使用转义字符来避免将变量误认为HTML标签，从而确保网页元素的正确生成。

--页面元素代码
<tr><td><input type="button" name="addElement" onclick="addElement('String','form1','text','string','y','','y')" value="添加String"/></td>

这里错了
var _move = document.createElement("<input type='button' name='delete' value='delete' id='btn"+i+"' onclick='removeElement("+id+")'/>");
改成
var _move = document.createElement("<input type='button' name='delete' value='delete' id='btn"+i+"' onclick='removeElement(\""+id+"\")'/>");
调用的时候少了 引号 导致 字符串变成不存在的变量了

//说明 :

当在字符串中拼接变量时需要\""+变量名+"\" 如果完成引号不转义html就不会识别引号内的引号会把引号内的引号当成一个变量

所以参数传过去就会被当成[OBJECT]或[object HTMLFormElement]