Использование переменной PHP в Javascript

Question

Как использовать переменную PHP внутри Javascript onclick=function?

<?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

Просто эхо переменной PHP в JavaScript кода:

<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>';} 
?>