js 更改 php 文件上的 src答案

【问题标题】：js changes src on php filejs 更改 php 文件上的 src
【发布时间】：2014-06-26 07:32:05
【问题描述】：

所以我不得不问一个问题，因为它还不允许我发表评论。我在这里使用了 RC 提供的代码作为答案 Change image source with javascript

但是因为我的文件不是 .html，它的 .php 和我的 html 代码都在 echo 上，所以源代码最终看起来像这样：

这是.php文件中包含的js

<script>
    function backColor(a) {
        document.getElementById("back_image").src=a;
    }
</script>

（感谢 RC！）

这是.php

<?php
$cush_patterns = array();

$cush_patterns[101] = array(
    "pattern" => "Ocean Blue",
    "img" => "img/cush/blue.gif",
    "color" => "blue",
    "price" => 22.22
    );

$cush_patterns[102] = array(
    "pattern" => "Yellow sun",
    "img" => "img/cush/yellow.gif",
    "color" => "yellow",
    "price" => 28.99
    );

echo '<img id="back_image" src="img/cush/blue.gif">';
echo '<ul>';
echo'<li>';
echo '<img class="cush_showcase" src="' . $cush_pattern["img"] . '" onclick="backColor("' . $cush_pattern[img] . '");">';
echo '</li>';
echo '</ul>';
?>

这是我运行它时得到的源代码

<ul class="cush_show">
<li>
<img class="cush_showcase" src="img/cush/blue.gif" onclick="backColor("img/cush/blue.gif");">
<h6 id="patt_name">Ocean Blue</h6>
<h6 id="prices">$22.22</h6>
</li>
</ul>

<ul class="cush_show"><li>
<img class="cush_showcase" src="img/cush/yellow.gif" onclick="backColor("img/cush/yellow.gif");">
<h6 id="patt_name">Yellow sun</h6>
<h6 id="prices">$28.99</h6>
</li>
</ul>

这可能是很明显的事情，但我不能指望它，这让我发疯。

提前谢谢你！

【问题讨论】：

将其更改为backColor("img/cush/blue.gif");的单引号
你实际上并没有说代码有什么问题
是的，我同意@TamilSelvan。在编写或执行 JS 函数时，字符串应使用单引号，因为 html 参数使用双引号。
它的问题是它不起作用，但我不明白为什么。我将尝试更改引号。谢谢！

标签： javascript php function src

【解决方案1】：

这就是我在互联网上搜索后的解决方法。感谢@Tamil Selvan、@Charles John Thompson III 的 cmets，他们也提供了帮助！

<?php
$cush_patterns = array();

$cush_patterns[101] = array(
    "pattern" => "Deep ocean blue",
    "img" => "img/cush/blue.gif",
    "color" => "blue",
    "price" => 29.99
    );

$cush_patterns[102] = array(
    "pattern" => "Spring yellow",
    "img" => "img/cush/yellow.gif",
    "color" => "yellow",
    "price" => 28.99
    );

echo '<img id="back_image" src=\'' . $cush_patterns["img"] . '\'>';
echo '<ul class="cush_show">';
echo '<li>';
echo '<img class="cush_showcase" alt="Your patterns" src=\'' . $cush_pattern["img"] . '\' onclick="backColor(\'' . $cush_pattern["img"] . '\')">';
echo '</li>';
echo '</ul>';
?>

【讨论】：