在Javascript中使用PHP变量

Question

如何在JavaScript onclick=function使用PHP变量？

<?php
  for($i=0;$i<10;$i++){
    echo '<li><div><a  href="#" onclick="showPopUp("' . $mobile_image_link[$i+$p] .'","' .$mobile_image_link[$i+$p] .'");"><img src='. $mobile_image_link[$i+$p] .' width="160" height="165" alt="" border="0" /></a></div></div></li>';
  }
?>

Answer 1

只需连接字符串，并使用反斜杠转义必要的引号即可：

echo '
 <a href="#"
    onclick="showPopUp(\''. $mobile_image_link[$i+$p].'\',
                       \''. $mobile_image_link[$i+$p].'\');">
     <img src="'.$mobile_image_link[$i+$p].'" alt="" />
 </a>'

将导致：

<a href="#"
    onclick="showPopUp('http://mylink.com/1',
                       'http://mylink.com/2');">
     <img src="http://mylink.com/image.png" alt="" />
 </a>

附带说明，请阅读HTML最新规范，不建议使用并建议不使用width="" ， height=""和border=""设置标签样式

Answer 2

只需在javascript代码中回显php变量：

<script type="text/javascript">
       var js_variable= <?php echo $php_variable; ?>
</script>

Answer 3

要么使用双引号方法（php变量仅插入双引号字符串。

<?php for($i=0;$i<10;$i++){
  echo "<li><div><a href=\"#\" onclick=\"showPopUp('$mobile_image_link[$i+$p];','$mobile_image_link[$i+$p];');\"><img src=\"$mobile_image_link[$i+$p]\" width="160" height="165" alt="" border="0" /></a></div></div></li>";}
?>

或执行您已经为img标签执行的操作。 您需要转义一些引号以使其起作用。

<?php for($i=0;$i<10;$i++){
  echo '<li><div><a href="#" onclick="showPopUp(\''.$mobile_image_link[$i+$p].'\',\''.$mobile_image_link[$i+$p].'\');"><img src="'.$mobile_image_link[$i+$p].'" width="160" height="165" alt="" border="0" /></a></div></div></li>';}
?>

Answer 4

<?php 
  for($i=0;$i<10;$i++){
     $onclickvariable = "showPopUp('".$mobile_image_link[$i+$p]."','".$mobile_image_link[$i+$p]."');"
echo '<li><div><a  href="#" onclick="'.$onclickvariable.'">
     <img src='.$mobile_image_link[$i+$p].' width="160" height="165" alt="" border="0" /></a>
</div></li>';}
?>