2013-06-11 48 views
3

我在手冊「PHP和HTML」中找到了關於PHP.net的教程,並且有一個示例,Generating JavaScript with PHP使用PHP生成JavaScript

我正在嘗試一個簡單的演示版本,我自己學習如何做到這一點,以便稍後可以嘗試更復雜的事情。現在,我只是試圖在PHP中聲明一個字符串變量(一個JPG文件的地址),然後通過JavaScript(在PHP腳本中創建)將IMG元素的src更改爲這個新地址。

有人提出了一些JSON,我有一些經驗,但只有在PHP文件中使用腳本發佈到textfile。我不確定我是否可以使用GET請求或其他東西,但我確實沒有任何線索。我只是不認爲這會很複雜。

這裏是我想要做到這一點的my page的鏈接。正如你所看到的,我實際上一直試圖在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> 

SOLUTION:這是由Orangepill和弗雷德發現.... 事實證明的一個大問題是我的方法服務器無法解析在HTML文件中的腳本,所以我不得不把它放在一個PHP文件中。那麼在解釋xml聲明中的short_open標籤時會出現問題。所以在這裏是如何結束了它得到工作:記住這是一個PHP文件不熱媒

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

getElementsByTagName返回節點列表(如對象數組),所以你要做的

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

做第一個圖像。

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; 
?> 
+0

我不需要腳本的「type」屬性嗎?例如「text/javascript」 – user1066524

+0

不是那麼必要。如果你想要,你可以。 –

+0

@ user1066524我會建議你使用type屬性... – pinkpanther