Question

美好的一天。我想知道是否有任何简短的脚本将实际的页面标题应用到图像标题中？所以，如果我在我的头部分中有这个页面标题：

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

Answer 1

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

编辑，但我真的没有看到这样做的重点。该网站的标题与图片几乎没有关系，如果它们被添加到所有图片中，那还有什么意义呢？

Answer 2

为什么你不能在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中设置一个var，并在你希望它显示的地方回显它。 PHP将是最好的，因此它应该从页面加载的开始呈现（也是搜索引擎可以抓取它）。你可以通过javascript来做到这一点，但这可能会导致搜索引擎优化的结果。

如果你能，总是在PHP中做这样的事情（或者你编写的任何服务器端语言），除非你绝对别无选择使用javascript。

Answer 3

在你的头部使用

<?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，否则将为每个页面设置它。

动态地将html文档的标题应用到图像的标题字段中

3 个答案: