标签: href

停止从发送引荐者到目的地的链接

我有一个页面,我不希望出站链接发送引荐来源,所以目标网站不知道它们来自哪里.

我猜这是不可能的,但我只是想确保没有任何隐藏的javascript魔法可以做到这一点,这将适用于一些(如果不是大多数)浏览器.

也许一些聪明的HTTP状态代码重定向功夫?

像这样的东西是完美的

<a href="example.com" send_referrer="false">link</a>
Run Code Online (Sandbox Code Playgroud)

javascript href referrer

55
推荐指数
4
解决办法
4万
查看次数

AngularJS URL中的所有斜杠都更改为%2F

我在AngularJS路由方面遇到了很大的问题.

直到最近,一切都很好,有以下路线:

$routeProvider.when('/album/:albumId', {
    controller: 'albumPageController',
    templateUrl: 'views/album.html'
});
Run Code Online (Sandbox Code Playgroud)

并使用href:

<a href="/#/album/{{album.id}}">Link</a>
Run Code Online (Sandbox Code Playgroud)

但是,现在所有的斜杠都被编码成了%2F.

因此,当我单击链接或键入localhost:8000/#/album/1浏览器时,URL将更改为:

HTTP://本地主机:8000 /#%2Falbum%2F1

我已经尝试了几件事来纠正这个问题:

使用ng-href代替href,不使用第一个/(即href="#/album/{{album.id}}")在Homestead localhost(Laravel的linux vagrant机器)中运行应用程序而不是Windows 10上的localhost

任何帮助将非常感激!

href laravel angularjs angularjs-1.6

51
推荐指数
4
解决办法
3万
查看次数

如何用Jquery删除"href"?

<a id="a$id" onclick="check($id,1)" href="javascript:void(0)"  class="black">Qualify</a>
Run Code Online (Sandbox Code Playgroud)

删除"href"后,"Qualify"仍然可以点击吗?

jquery href

50
推荐指数
4
解决办法
14万
查看次数

如何使用 react-testing-library 测试锚点的 href

我正在尝试测试我的锚标签。一旦我点击它,我想看看它是否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/");
});
Run Code Online (Sandbox Code Playgroud)

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

anchor href reactjs jestjs react-testing-library

50
推荐指数
8
解决办法
4万
查看次数

为什么使用javascript:"协议"的链接是不好的做法?

在20世纪90年代,有一种将Javascript代码直接放入<a>href属性的方式,如下所示:

<a href="javascript:alert('Hello world!')">Press me!</a>
Run Code Online (Sandbox Code Playgroud)

然后我突然停下来看它.它们全部被以下内容取代:

<a href="#" onclick="alert('Hello world!')">Press me!</a>
Run Code Online (Sandbox Code Playgroud)

对于唯一目的是触发Javascript代码并且没有真正href目标的链接,为什么鼓励使用onclick属性而不是href属性?

html javascript href

49
推荐指数
5
解决办法
1万
查看次数

如何禁用链接的引导悬停颜色

嗨,我正在使用Bootstrap.

Bootstrap定义

a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}
Run Code Online (Sandbox Code Playgroud)

我有这个链接/ CSS类

<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>
Run Code Online (Sandbox Code Playgroud)

如何禁用胡佛颜色?

我希望绿色链接保持绿色,黄色黄色保持黄色,不要覆盖:为每一个班级悬停?(这个问题不是必须依赖于bootstrap).

我需要类似的东西

a:hover, a:focus {
    color: @nonhoovercolor;
}
Run Code Online (Sandbox Code Playgroud)

而我想

.yellow {
    color: yellow !important;
}
Run Code Online (Sandbox Code Playgroud)

不是一个好习惯

css href twitter-bootstrap

48
推荐指数
4
解决办法
11万
查看次数

href ="#"返回页首 - 预防?

我有一个页面包含一些jQuery函数.页面上的HTML看起来像这样:

<a href="#" class="service">Open</a>
Run Code Online (Sandbox Code Playgroud)

当我单击"打开"按钮时,隐藏的面板会滑出.jQuery本身效果很好但是当我点击按钮时它也会把我带到页面顶部.

这是defualt行为,我如何防止每个人href="#"把我带到页面顶部.

注意:我可以添加id并告诉href指向该ID.我不想出于各种原因(包括添加不必要的代码)这样​​做.

anchor href hashtag

47
推荐指数
3
解决办法
5万
查看次数

在href属性中使用"#"的替代方法

可能重复:
Javascript链接的Href:"#"或"javascript:void(0)"?

<a>标签用于创建超链接,但在这个年龄段的jQuery和Ajax的,我们都用它来加载HTML到<div>S IN同一页面的<a>标签.

也就是说,我们将href属性设置为href="#",使用或者更确切地滥用#角色作为占位符以及一些不良副作用,例如URL附加#角色.

如果将href属性留空href = "",则链接似乎不起作用.

无论如何以更干净的方式执行此操作,例如当用户将鼠标悬停在链接上时,在浏览器的状态栏中显示一些文本或虚拟功能,并使链接执行程序员的意图?

这是我的代码.

<ul id="sidebarmenu1">
   // List that is converted into a menu... 
   <li> <a href="#" id="loadHotel" > HOTEL </a> </li>
   <li> <a href="#" id="loadCountry"> COUNTRY </a> </li>
   <li> <a href="#" id="loadCity"> CITY </a> </li>
</ul>

// The jQuery to load content into another div with Ajax
var loadUrl = "createHotel.php";
$("#loadHotel").click(function() {
    $("#mainContent").html(ajax_load).load(loadUrl);
}); …
Run Code Online (Sandbox Code Playgroud)

html javascript href

46
推荐指数
3
解决办法
3万
查看次数

使用<base>时,使锚链接指向当前页面

当我使用html <base>标记为页面上的所有相对链接定义基本URL时,锚链接也直接引用基本URL.有没有办法设置基本URL仍然允许锚链接引用当前打开的页面?

例如,如果我有一个页面http://example.com/foo/:


目前的行为:

<base href="http://example.com/" />
<a href="bar/">bar</a> <!-- Links to "http://example.com/bar/" -->
<a href="#baz">baz</a> <!-- Links to "http://example.com/#baz" -->
Run Code Online (Sandbox Code Playgroud)

期望的行为:

<base href="http://example.com/" />
<a href="bar/">bar</a> <!-- Links to "http://example.com/bar/" -->
<a href="#baz">baz</a> <!-- Links to "http://example.com/foo/#baz" -->
Run Code Online (Sandbox Code Playgroud)

html href

46
推荐指数
3
解决办法
2万
查看次数

使用href属性删除下划线

可能重复:
如何删除锚点(链接)的下划线?

在下面的代码中,当我使用href属性时,链接会加下划线.

<html>
<body>
<a href="xxx.html">goto this link</a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我希望链接与该标记相关联,但不要加下划线.我怎样才能做到这一点?在此先感谢您的帮助.

html href underline

46
推荐指数
1
解决办法
17万
查看次数