使用javascript編寫HTML時使用單引號

Question

我在php文件中有以下代碼：

<script>

var myString = '{$data10}'; 
if (myString.charAt(0)) {
    document.write('<a target="_blank" 
                       href="https://www.somedomain.com/join?id={$data10}">
                    <img src="images/join-bim.png" width="300" height="74" 
                         onMouseOut="this.src="images/join-bim.png"" 
                         onMouseOver="this.src="images/join-bimB.png"" /></a>');
} else {
    document.write('<a target="_blank" 
                       href="https://www.somedomain.com/join?id=111111">
                    <img src="images/join-bim.png" width="300" height="74" 
                         onMouseOut="this.src="images/join-bim.png"" 
                         onMouseOver="this.src="images/join-bimB.png"" /></a>');
}
</script> 

我努力了：

onMouseOut="this.src="images/join-bim.png""

但是由於引號未嵌套而遇到問題。

因此，我嘗試了：

onMouseOut="this.src='images/join-bim.png'" 

但是，單引號不被接受。

Answer 1

您必須轉義內引號

onMouseOver="this.src=\"images/join-bimB.png\""

Answer 2

您可以使用轉義的單引號，如下所示

<script>
var myString = '{$data10}'; 
    if(myString.charAt(0)){
        document.write('<a target="_blank" href="https://www.somedomain.com/join?id={$data10}"><img src="images/join-bim.png" width="300" height="74" onMouseOut="this.src=\'images/join-bim.png\'" onMouseOver="this.src=\'images/join-bimB.png\'" /></a>');
    }
    else {
        document.write('<a target="_blank" href="https://www.somedomain.com/join?id=111111"><img src="images/join-bim.png" width="300" height="74" onMouseOut="this.src=\'images/join-bim.png\'" onMouseOver="this.src=\'images/join-bimB.png\'" /></a>'); 
    }
</script> 

Answer 3

引號不會轉義，這意味着您的引號將關閉第一個引號，使PHP感到困惑。

要對其進行轉義，請使用內單引號​​：

onMouseOver=\'this.src="images/join-bimB.png"\'