标签: anchor

如何创建一个像链接一样的HTML按钮?

我想创建一个像按钮一样的HTML按钮.因此,当您单击该按钮时,它会重定向到页面.我希望它尽可能地易于访问.

我也很喜欢它,所以URL中没有任何额外的字符或参数.

我怎样才能做到这一点?


根据到目前为止发布的答案,我目前正在这样做:

<form method="get" action="/page2">
    <button type="submit">Continue</button>
</form>
Run Code Online (Sandbox Code Playgroud)

但问题是在SafariInternet Explorer中,它在URL的末尾添加了一个问号字符.我需要找到一个不会在URL末尾添加任何字符的解决方案.

还有另外两种解决方案:使用JavaScript或样式化链接看起来像一个按钮.

使用JavaScript:

<button onclick="window.location.href='/page2'">Continue</button>
Run Code Online (Sandbox Code Playgroud)

但这显然需要JavaScript,因此屏幕阅读器不易访问.链接的要点是转到另一个页面.因此,尝试使按钮像链接一样是错误的解决方案.我的建议是你应该使用一个链接并将其设置为看起来像一个按钮.

<a href="/link/to/page2">Continue</a>
Run Code Online (Sandbox Code Playgroud)

html anchor button hyperlink htmlbutton

1769
推荐指数
21
解决办法
574万
查看次数

抵消html锚点以调整固定标题

我正在努力清理锚点的工作方式.我有一个固定在页面的顶部的头,所以当你在页面的其他地方链接到一个锚,页面跳转所以其锚固在页面的顶部,留下固定头后面的内容(我希望那讲得通).我需要一种方法来将锚点从头部的高度偏移25px.我更喜欢HTML或CSS,但Javascript也可以接受.

html javascript css anchor offset

1056
推荐指数
16
解决办法
51万
查看次数

如何使用JavaScript检查URL中的#hash?

我有一些jQuery JavaScript代码,我想只在URL中有一个哈希(#)锚链接时运行.如何使用JavaScript检查此角色?我需要一个简单的catch-all测试来检测这样的URL:

  • example.com/page.html#anchor
  • example.com/page.html#anotheranchor

基本上是这样的:

if (thereIsAHashInTheUrl) {        
    do this;
} else {
    do this;
}
Run Code Online (Sandbox Code Playgroud)

如果有人能指出我正确的方向,那将非常感激.

javascript anchor jquery fragment-identifier

754
推荐指数
12
解决办法
60万
查看次数

将div设为链接

我有一个<div>块,有一些我不想改变的花哨的视觉内容.我想让它成为一个可点击的链接.

我正在寻找类似的东西<a href="…"><div> … </div></a>,但这是有效的XHTML 1.1.

html css anchor xhtml

529
推荐指数
13
解决办法
61万
查看次数

降价中的交叉引用(命名锚点)

是否有相应的markdown语法:

Take me to <a href="#pookie">pookie</a>

... 

<a name="pookie">this is pookie</a>
Run Code Online (Sandbox Code Playgroud)

html anchor markdown cross-reference

471
推荐指数
11
解决办法
18万
查看次数

单击锚链接时平滑滚动

我的页面上有几个超链接.用户在访问我的帮助部分时将阅读的常见问题解答.

使用Anchor链接,我可以使页面滚动到锚点并引导用户.

有没有办法让滚动顺畅?

但请注意他正在使用自定义JavaScript库.也许jQuery提供像这样的东西?

javascript anchor jquery scroll hyperlink

451
推荐指数
14
解决办法
75万
查看次数

如何在html的新标签页面中打开链接?

我正在开发一个HTML项目,我无法找到如何在没有javascript的情况下在新选项卡中打开链接.

我已经知道<a href="http://www.WEBSITE_NAME.com"></a>在同一个标​​签中打开链接.有任何想法如何让它在新的开放?

html anchor hyperlink browser-tab

349
推荐指数
8
解决办法
64万
查看次数

如何在AngularJS中处理锚式哈希链接

你们中的任何人都知道如何在AngularJS中很好地处理锚式哈希链接吗?

我有一个简单的FAQ页面的以下标记

<a href="#faq-1">Question 1</a>
<a href="#faq-2">Question 2</a>
<a href="#faq-3">Question 3</a>

<h3 id="faq-1">Question 1</h3>
<h3 id="faq-2">Question 2</h3>
<h3 id="fa1-3">Question 3</h3>
Run Code Online (Sandbox Code Playgroud)

当点击上面任何一个链接时,AngularJS拦截并将我路由到一个完全不同的页面(在我的例子中,404页面,因为没有与链接匹配的路由.)

我的第一个想法是创建一个匹配" / faq /:chapter " 的路由,并在相应的控制器中检查$routeParams.chapter匹配元素之后,然后使用jQuery向下滚动到它.

但是然后AngularJS又一次打击我,只是滚动到页面的顶部.

所以,这里的任何人都做过类似的事情并且知道一个很好的解决方案吗?

编辑:切换到html5Mode应该解决我的问题,但我们有点必须支持IE8 +所以我担心它不是一个公认的解决方案:/

javascript anchor hashtag angularjs

318
推荐指数
10
解决办法
22万
查看次数

固定页眉与页内锚点重叠

如果我在HTML页面中有一个非滚动标题,则固定在顶部,具有已定义的高度:

有没有办法使用URL锚点(#fragment部分)让浏览器滚动到页面中的某个点,但是在没有JavaScript帮助的情况下仍然尊重固定元素的高度?

http://foo.com/#bar
Run Code Online (Sandbox Code Playgroud)
WRONG (but the common behavior):         CORRECT:
+---------------------------------+      +---------------------------------+
| BAR///////////////////// header |      | //////////////////////// header |
+---------------------------------+      +---------------------------------+
| Here is the rest of the Text    |      | BAR                             |
| ...                             |      |                                 |
| ...                             |      | Here is the rest of the Text    |
| ...                             |      | ...                             |
+---------------------------------+      +---------------------------------+

html url anchor fragment

305
推荐指数
19
解决办法
16万
查看次数

如何将HTML页面滚动到给定的锚点?

我想让浏览器将页面滚动到给定的锚点,只需使用JavaScript即可.

我在HTML代码中指定了一个nameid属性:

 <a name="anchorName">..</a>
Run Code Online (Sandbox Code Playgroud)

要么

 <h1 id="anchorName2">..</h1>
Run Code Online (Sandbox Code Playgroud)

我希望通过导航获得与您相同的效果http://server.com/path#anchorName.应滚动页面,使锚点靠近页面可见部分的顶部.

html javascript anchor jquery scroll

242
推荐指数
12
解决办法
41万
查看次数