Javascript添加动态HTML时出现字符串问题

$tempOutput = \"<a href=\'temp.txt\'>\\\"Happy\\\"</a>\";
$tempOutput = str_replace(\"\'\", \"&#39;\", $tempOutput);
$tempOutput = str_replace(\'\"\', \"&quot;\", $tempOutput);

<a href=&#39;temp.txt&#39;>&quot;Happy&quot;</a>

<a onclick=\"
                    var divTag = document.createElement(\'div\');
                    divTag.innerHTML = \'&lt;a href=\'temp.txt\'&gt;&quot;Happy&quot;&lt;/a&gt;\';
                    document.getElementById(\'extraDiv\').appendChild(divTag) ;
                \">test</a>

  <?php
    $tempOutput = \'<a href=\"temp.txt\">\'.htmlentities(\'\"Happy\"\').\'</a>\';
  ?>
  <a onclick=\"
              var divTag = document.createElement(\'div\');
              divTag.innerHTML = unescape(\'<?php echo rawurlencode($tempOutput);?>\');
              document.getElementById(\'extraDiv\').appendChild(divTag) ;
             \">test</a>
  <div id=\"extraDiv\"></div>

$tempOutput = str_replace(array(\"\'\",\'\"\'), array(\"\\\'\",\'"\'), $tempOutput);