2013-07-09 29 views
0

美好的一天。 我想知道是否有任何简短的脚本将实际页面标题应用到图像标题中?所以,如果我有我的头段此页标题:将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。

+0

你可以使用javascript本身做到这一点 – dreamweiver

+0

它不是图像标题,它的锚标记标题。你可以使用jQuery var txt = $('title')。text(); $('a')。attr('attr',txt)'。快乐编码:) – dreamweiver

回答

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

编辑,但我真的没有看到这样做的重点。该网站的标题与图片无关,如果将其添加到所有图片中,反正有什么意义?

+0

这将工作的所有.sth?或者只是第一个? –

+0

@PiotrCiszewski - 适用于所有人。 – OptimusCrime

+0

:)太棒了,现在检查并接受你的答案,非常感谢:) –

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变种,并呼应它,你想让它显示。 PHP会是最好的,所以它应该从页面加载开始就应该呈现(同样,搜索引擎也可以抓取它)。你可以通过javascript来做到这一点,但这可能会导致搜索引擎优化效果不佳。

如果你能总是做这样的东西在PHP(或其他服务器端语言,你的代码),除非你绝对没有其他选择使用JavaScript。

+0

会很简单,如果这是在JavaScript端 – dreamweiver

+0

这样的事情应该总是在服务器上完成,除非'绝对必要',为此使用JavaScript可能会导致您长期存在更多问题。 (Javascript更像是一种'hacky'解决方案,但是如果它是完成它的唯一方法,那么做吧......但是在可能的情况下,在页面呈现之前尝试在'PHP'中正确执行' – Anil

+0

Ya我同意这一点,但为什么有人想破解只改变锚标签标题的js脚本。无论如何与你的方法,我没有发现任何额外的安全问题。毕竟它只是锚标签的标题。 – dreamweiver

2
在头部使用

<?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的每一页,或者它会为每个页面进行设置。

相关问题