3

我在手册“PHP and HTML”中找到了关于 PHP.net 的教程,并且有一个示例,使用 PHP 生成 JavaScript

我正在自己尝试一个简单的演示版本来学习如何做到这一点,以便以后可以尝试更复杂的东西。现在,我只是尝试在 PHP 中声明一个字符串变量(JPG 文件的地址),然后通过 JavaScript(在 PHP 脚本中创建)将 IMG 元素的 src 更改为这个新地址。

有人用 JSON 提出了一些建议,我对此有一点经验,但仅限于使用 PHP 文件中的脚本发布到文本文件。我不确定我是否可以使用 GET 请求或其他东西,老实说我不知道​​。我只是没想到这会这么复杂。

这是我尝试执行此操作的页面的链接。

如您所见,我实际上一直在尝试与在 PHP 中创建 JavaScript 相反,而是尝试将 PHP 嵌入到 JavaScript 中,这是最初有人向我建议的,但没有奏效。所以这就是为什么它是这样的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>

    <?php



    $srcmsg = 'http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg';
    ?>
    <script type="text/javascript">
    //<![CDATA[
    //

    var msr = "<?php echo $srcmsg; ?>";

    window.onload = document.getElementsByTagName('img').src= msr;
    //]]>
    </script>
    </head>
    <body><img src="#" alt="Picture of the world" height="42" width="42" />
    </body>
    </html>

解决方案:这是由 Orangepill 和 Fred 发现的……事实证明,最大的问题之一是我的服务器无法解析 html 文件中的脚本,因此我不得不将其放入 PHP 文件中。然后在解释 xml 声明中的 short_open 标记时出现问题。所以这是它最终如何开始工作的:记住这是一个 .php 文件而不是 .htm

<?php echo "<", 'xml version="1.0" encoding="UTF-8" standalone="no" ?'; ">\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Demo</title>
<script type="text/javascript">
//<![CDATA[
//

window.onload = function (){
var msr = '<?php $srcmsg = "http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg"; echo $srcmsg; ?>';

var x = document.getElementsByTagName('img')[0];

x.src = msr;
}
//]]>
</script>
</head>
<body><img src="#" alt="Picture of the world" height="42" width="42" />
</body>
</html>
4

2 回答 2

4

getElementsByTagName返回一个NodeList(一个类似对象的数组),所以你必须这样做

window.onload = document.getElementsByTagName('img')[0].src= msr;

做第一张图片。

于 2013-06-11T16:21:19.520 回答
0
<?php
$srcmsg = 'http://www.newyorker.com/online/blogs/photobooth/NASAEarth-01.jpg';
echo<<<_HTML
<script type='text/javascript'>
window.onload = document.getElementsByTagName('img').src= $srcmsg;
</script>
_HTML;
?>
于 2013-06-11T16:43:03.947 回答