标签: anchor

我理解锚标签(<a />)中的"href"属性是什么,但"h"代表什么？

当我点击一个链接时,我正在研究一些JQuery来隐藏/显示一些内容.我可以创建类似的东西:

<a href="#" onclick="jquery_stuff" />

但是,如果我在页面上向下滚动时单击该链接,它将跳回到页面顶部.

如果我这样做:

<a href="" onclick="jquery_stuff" />

该页面将重新加载,这将消除javascript所做的所有更改的页面.

像这样的东西:

<a onclick="jquery_stuff" />

会给我预期的效果,但它不再显示为链接.有没有办法指定一个空锚,所以我可以为onclick事件分配一个javascript处理程序,而不更改页面上的任何内容或移动滚动条？

我有以下标记,

<ul id="menu">              
    <li><a href="#">Something1</a></li>
    <li><a href="#">Something2</a></li>
    <li><a href="#">Something3</a></li>
    <li><a href="#">Something4</a></li>
</ul>

它<li>有点大,左边有一个小图像,我必须实际点击它<a>来激活链接.如何点击<li>激活链接？

EDIT1:

ul#menu li
{
    display:block;
    list-style: none;
    background: #e8eef4 url(images/arrow.png) 2% 50% no-repeat;
    border: 1px solid #b2b2b2;
    padding: 0;
    margin-top: 5px;
}

ul#menu li a
{

    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    padding-right:.5em;
    color: #696969;
}

我知道之前已经问过这个问题,但在网上搜索之后我似乎无法找到一个直截了当的答案.

HTML

<a id=myAnchor href=index.php>

jQuery(这两个都不起作用)

 $('#myAnchor').click();

要么

$('#myAnchor').trigger('click');

实现这一目标的最简单,最有效的方法是什么？

我正在尝试编写一个GreaseMonkey脚本,我想在其中找到所有相关链接的链接.在我看来,这样做的方法是匹配href的内容/^https?:///.

但我发现当我访问锚点的href属性时,它总是被标准化或烹饪成包含"http"的表单.也就是说,如果HTML包含:

<a id="rel" href="/relative/link">inner</a>

访问

document.getElementById("rel").href

回报

http://example.com/relative/link

如何访问href属性中的原始数据？

或者,是否有更好的方法来查找相关链接？

我需要设置一个:以访问CSS 任何颜色正常的一个设置为.

我希望能够告诉浏览器的是,对于访问过的链接,使用与未访问链接相同的颜色,无论颜色是什么.

我需要这样做而不指定特定的颜色.

就像,如果一些奇怪的浏览器出现使用"绿色"作为正常未访问链接的颜色,这个CSS应该指示浏览器对访问过的链接使用相同的绿色.究竟什么颜色的浏览器应该对我的代码透明.因此短语"无论颜色".

PS我知道如何设置:访问和特定颜色.这不是我要问的.

PPS如果必须,我愿意使用JavaScript.但我真的很想让浏览器做到这一点.

为什么我想做你问的那样的事情？

IE8用于链接的蓝色很酷.它不是#0000FF.这是一个很好的蓝色阴影.所以我想为访问和未访问的链接设置它.但我不应该截取屏幕截图或使用一些附加组件来每次选择确切的十六进制值.如果IE稍后将颜色更改为其他一些令人敬畏的阴影,则此代码应该正常工作.我不想再找到十六进制并在我的代码中更改它.

这只是一个原因.不要给我那个蓝色的十六进制.发现这很容易,但这不是答案!

标签中rel="bookmark"属性的用途是什么<a>？例如:

<a href="http://stackoverflow.com/questions/ask" rel="bookmark">Click Here</a>

它是否符合SEO或SEM相关的目的？

是否可以使用平滑滚动来锚定链接但没有 jQuery？我正在创建一个新网站,我不想使用jQuery.

我试图做的是突出显示具有特定id的div,当它被另一个页面IE上的锚引用时:

用户点击链接href="qw.html#test",当页面加载时,然后id="test" 突出显示带有的div,以便用户可以清楚地看到它.

我确信我已经看过一个CSS3示例,如果链接到div,则突出显示div.还是JavaScript？

我正在尝试测试我的锚标签。一旦我点击它，我想看看它是否window.location.href是我所期望的。

我尝试渲染锚点，单击它，然后进行测试window.location.href：

test('should navigate to ... when link is clicked', () => {
  const { getByText } = render(<a href="https://test.com">Click Me</a>);

  const link = getByText('Click Me');

  fireEvent.click(link);

  expect(window.location.href).toBe("https://www.test.com/");
});

我期待测试通过，但 window.location.href 只是"http://localhost/"意味着它没有因任何原因得到更新。我什至尝试用 包装我的期望await wait，但这也不起作用。我找不到关于使用react-testing-library. 也许有比我正在做的更好的方法来测试它们。？？？