根据传入链接突出显示文本

Question

有没有办法根据传入链接突出显示文字。

这是我想要实现的目标。我有一个页面，其中有几个链接到另一页面上的锚点。除了转到子页面上的命名锚点之外，我还可以将子页面上锚点链接的文本设置为粗体。

即

Parent Page
 Dog
 Car
 Tree

Child Page
 Dog-Lab
 Car-Audi
 Tree-Pine

因此，如果您在父页面上点击Car，它将转到子页面上的Car信息，Car将是粗体（但Dog和Tree不会）。

Answer 1

基本上你想要做的是使用jquery或javascript函数来获取anchorlink。

var url = window.location.href;
var anchorlink = url.split('#');

这将为您留下一个数组[＆＃34; page url＆＃34;，＆＃34; anchor＆＃34;]

所以你可以使用anchor [1]来获取anchorlink的字符串。

然后你可以使用jquery来找到id与anchor [1]匹配的元素并设置font-weight：700

$(document).ready(function(){
  $('#'+anchor[1]).css('font-weight','700');
})

或者如果你有一个粗体造型的课程

$(document).ready(function(){
  $('#'+anchor[1]).addClass('bold');
})