Javascript OuterHTML：如何使用字符串文字？

首先是一些HTML代码：

<div id="content_4" class="content" style="background:url(pic1.gif)"></div>
<div id="content_4_a" class="content" style="background:url(pic2.gif);
    display:none"></div>

现在这个HTML代码可以工作了（当我点击它时，div会切换，图片也会改变）：

但不是这个：

<area shape="rect" coords="0,252,98,337" onMouseOver="switchDisplayOuter(
    'content_4', 'content_4_a', '<div id="content_4_a" class="content" 
    style="background:url(pic2.gif); display:none"></div>' )">

在Firefox中调试时，它只会给我一个错误代码：

Error: SyntaxError: unterminated string literal
'<div id=

错误：语法错误：未终止的字符串文字
“您需要将
onMouseOver
属性值中的
”
替换为
\”
：

<area shape="rect" coords="0,252,98,337" onMouseOver="switchDisplayOuter('content_4', 'content_4_a', '<div id=\'content_4_a\' class=\'content\'  style=\'background:url(pic2.gif); display:none\'></div>' )">



这是因为您的
区域
标记的
onMouseOver
属性的值包含在
“
中
 “不起作用，\”对HTML属性不起作用。将它们更改为单引号，它就会起作用。
Error: SyntaxError: unterminated string literal
'<div id=

<area shape="rect" coords="0,252,98,337" onMouseOver="switchDisplayOuter('content_4', 'content_4_a', '<div id=\'content_4_a\' class=\'content\'  style=\'background:url(pic2.gif); display:none\'></div>' )">