javascript - 在新窗口中突出显示文本

Question

我正在尝试创建一个食谱页面，用户可以在其中单击食谱成分（例如橄榄油、西兰花等）并重定向到他们单击的成分以黄色突出显示的成分列表。

我知道如何使用特定链接突出显示文本：

CSS：

.highlight {background-Color:yellow;}

Javascript：

function highlightText(id) 
{
    var textObject = document.getElementById(id);

    textObject.className = "highlight";
}

HTML：

<h1 id="ingredient">Olive Oil</h1>
<a href="javascript:highlightText('ingredient')">Olive Oil</a>

我想做的是从另一个页面创建一个指向“橄榄油”的链接，就像使用 id 属性一样：

<a href="http://www.mypage.com/recipe-list.html#ingredient">
    Olive Oil
</a>

我感谢任何和所有的帮助。这是我的第一篇文章，所以请原谅我问了这么简单的问题。

score 1 · Accepted Answer

1

使用目标选择器

:target{
background-color:yellow;
}

于 2013-02-06T02:23:37.143 回答

score 0 · Accepted Answer

为了突出显示图像、文本或 html 文档，您可以使用 lightbox。

2 回答 2