将“nofollow”添加到现有的rel属性中

时间:2014-03-17 13:33:24

标签: html rel

我正在尝试将nofollow添加到包含触发rel弹出窗口的现有iframe属性的链接。

以下是我要改变的链接:

<a class="modal" rel="{handler: 'iframe', size: {x: 700, y: 550}}" 
title="Email" href="/myurl.html">link text...</a>

问题是,如何在不弄乱弹出窗口的情况下将nofollow添加到rel属性?

我试过这个,但它压缩了弹出版本:

<a class="modal" rel="nofollow {handler: 'iframe', size: {x: 700, y: 550}}" 
title="Email" href="/myurl.html">link text...</a>

2 个答案:

答案 0 :(得分:2)

您可以尝试与rel="nofollow"建立链接,以便搜索引擎可以阅读它,然后您可以点击更改该值。像这样

<a id="mylink" rel="nofollow" onclick="return changerel(this);" href="#">link</a>

<script type="text/javascript">
function changerel(el)
{
    var myreplace = "{handler: 'iframe', size: {x: 700, y: 550}}";

    alert('rel before:'+el.rel)

    el.setAttribute("rel", myreplace);

    alert('rel after:'+el.rel);

    if (el.rel != myreplace)
    {
         el.onclick();   
    }
}
</script>

在这里看到它 http://jsfiddle.net/5Basb/4/

答案 1 :(得分:1)

rel属性中的JavaScript对象是非标准的,nofollow也是如此。但是,nofollow属性值符合valid link types。哪个图书馆或环境使用您的rel属性中的信息?您可以将其存储在data attribute中,因此rel可用于其原始意图。