Question

JavaScript中使用innerHTML时遇到的引号问题

function Test(isbn,image,title){var str = "<div class='bookClass'><ul><li><span style='color:red'>编号：" + isbn + "</span></li><li><a href='BookDetailServlet?isbn="+isbn+"'>" + "" + "<img onmouseover='this.className=样式1' onmouseout='this.classname=样式2' src=images/" + image + "></a></li><li>" + title + "</li></ul></div>";
<element>.innerHTML = str;}在这断代码中样式1和样式2处的引号出现问题，求大虾解决呀。

Answer 1

请用下面的代码替换原来相应位置： "<img onmouseover=\"this.className='样式1' \" onmouseout=\"this.classname='样式2' \" src=images/" 简单解释一下：字符串中双引号要用 \" 这个符号代替，这是字符转义（C语言标准） 另外，建议你的样式名称不要使用中文

Answer 2

在javascript里面只要是js里面的一些特殊符号需要通过转义字符，进行转义。就是通过 \ 右斜杠来进行转义！