將html文檔的標題動態應用到圖像的標題字段

美好的一天。我想知道是否有任何簡短的腳本將實際頁面標題應用到圖像標題中？所以，如果我有我的頭段此頁標題：將html文檔的標題動態應用到圖像的標題字段

<head> 
    <title>Dogs</title> 
</head>

而且這些影像：

<a class="sth" href="#" title="PROBLEM"><img src="img01.jpg" alt="sth"/></a> 
<a class="sth" href="#" title="PROBLEM"><img src="img02.jpg" alt="sth"/></a> 
<a class="sth" href="#" title="PROBLEM"><img src="img03.jpg" alt="sth"/></a>

我要動態地應用標題它說：「問題」，從頁面標題。這樣做最簡單的方法是什麼？它需要在PHP中，還是可以在JavaScript中？

我只是想要「狗」去「問題」的地方，如果你知道我的意思。所以可能「問題」需要被一個簡單的腳本取代。順便說一下，該文件必須保持爲html。

來源

2013-07-09 Piotr Ciszewski

你可以使用javascript本身做到這一點 – dreamweiver

它不是圖像標題，它的錨標記標題。你可以使用jQuery var txt = $（'title'）。text（）; $（'a'）。attr（'attr'，txt）'。快樂編碼:) – dreamweiver

var title = document.title; 
$('.sth').attr('title',title);

編輯，但我真的沒有看到這樣做的重點。該網站的標題與圖片無關，如果將其添加到所有圖片中，反正有什麼意義？

來源

2013-07-09 14:19:02 OptimusCrime

這將工作的所有.sth？或者只是第一個？ –

@PiotrCiszewski - 適用於所有人。 – OptimusCrime

:)太棒了，現在檢查並接受你的答案，非常感謝:) –

爲什麼你不能在PHP中做到這一點？

PHP

$title = "Dogs";

HTML

<a class="sth" href="#" title="<?php echo $title; ?>"><img src="img01.jpg" alt="sth"/></a> 
<a class="sth" href="#" title="<?php echo $title; ?>"><img src="img02.jpg" alt="sth"/></a> 
<a class="sth" href="#" title="<?php echo $title; ?>"><img src="img03.jpg" alt="sth"/></a>

因此，成立一個PHP變種，並呼應它，你想讓它顯示。 PHP會是最好的，所以它應該從頁面加載開始就應該呈現（同樣，搜索引擎也可以抓取它）。你可以通過javascript來做到這一點，但這可能會導致搜索引擎優化效果不佳。

如果你能，總是做這樣的東西在PHP（或其他服務器端語言，你的代碼），除非你絕對沒有其他選擇使用JavaScript。

來源

2013-07-09 14:19:40 Anil

會很簡單，如果這是在JavaScript端 – dreamweiver

這樣的事情應該總是在服務器上完成，除非'絕對必要'，爲此使用JavaScript可能會導致您長期存在更多問題。（Javascript更像是一種'hacky'解決方案，但是如果它是完成它的唯一方法，那麼做吧......但是在可能的情況下，在頁面呈現之前嘗試在'PHP'中正確執行' – Anil

Ya我同意這一點，但爲什麼有人想破解只改變錨標籤標題的js腳本。無論如何與你的方法，我沒有發現任何額外的安全問題。畢竟它只是錨標籤的標題。 – dreamweiver

在頭部使用

<?php 
$title_set = "Dogs"; 
echo "<title>$title_set</t?>itle>"; 
?>

每一個地方，你有圖片

使用此

<a class="sth" href="#" title=" 
<?php 
echo $title_set; 
?> 
"><img src="img01.jpg" alt="sth"/></a>

請記住更改$ title_set的每一頁，或者它會爲每個頁面進行設置。

來源

2013-07-09 14:23:45

將html文檔的標題動態應用到圖像的標題字段

回答

相關問題