無法在HTML中正確使用<img src=""onclick='window.open('anotherpage.html','_blank");' />屬性

今天我試圖從StacOverflow中使用img屬性代碼，但未成功。無法在HTML中正確使用<img src=""onclick='window.open('anotherpage.html','_blank");' />屬性

<img src="..." alt="..." onclick="window.open('anotherpage.html', '_blank');" />

從Here！

image.php

<?php 
$pic = array('1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'); 
shuffle($pic); 
?>

original.index.php它的工作原理酷

<html> 
<head> 
    <title>Random Images</title> 
</head> 
<body> 
    <ul> 
    <?php 
include("img/image.php"); 
     for($i = 0; $i < 3; $i++) 
      echo "<li style=\"display: inline;\"> 
         <img src=\"$pic[$i]\" width=\"250\" height=\"250\"> 
         </li>"; 

    ?> 
</ul> 

</body> 
</html>

in.my.case.index.php

<html> 
<head> 
    <title>Random Images</title> 
</head> 
<body> 
    <ul> 
    <?php 
include("img/image.php"); 
     for($i = 0; $i < 3; $i++) 
      echo "<li style=\"display: inline;\"> 
         <img src=\"$pic[$i]\" width=\"150\" height=\"130\" alt=\"Go to back\" onclick=\"window.open(\"anotherpage.php\", \"_blank\");\" /> 
         </li>"; 

    ?> 
</ul> 

</body> 
</html>

不審判嚴格

來源

2014-03-19 YobrHabr

使用雙引號爲樂趣ction參數以及圍繞onclick屬性引起的問題。

例修復：

echo "<li style=\"display: inline;\"> 
     <img src=\"$pic\" width=\"150\" height=\"130\" alt=\"Go to back\" onclick='window.open(\"anotherpage.php\", \"_blank\");' /> 
    </li>";

它的個人喜好，但你可能認爲這種方法更容易閱讀：

<?php for($i = 0; $i < 3; $i++): ?> 
<li style="display: inline;"> 
    <img src="<?php echo $pic[$i]; ?>" width="150" height="130" alt="Go to back" onclick='window.open("anotherpage.php", "_blank");' /> 
</li> 
<?php endfor; ?>

來源

2014-03-19 08:49:45 MrCode

坦克男人，工作很酷 – YobrHabr

嘗試保換單引號的雙引號中的JavaScript部分：

onclick=\"window.open('anotherpage.php', '_blank');\" />

來源

2014-03-19 08:51:35 vandango

感謝您的回覆，我會嘗試 – YobrHabr

無法在HTML中正確使用<img src=""onclick='window.open('anotherpage.html','_blank");' />屬性

回答

相關問題