Questions tagged «anchor»

锚点(<a> ... </a>)是一个HTML元素,用于定义当前元素(锚点)和目标(URI)之间的链接。

14
如何使用jQuery上下滚动页面至锚点?
我正在寻找一种在您单击页面上方或下方指向本地锚点的链接时包含幻灯片效果的方法。 我想要一些您有这样链接的东西: &lt;a href="#nameofdivetc"&gt;link text, img etc.&lt;/a&gt; 也许添加了一个类,所以您知道希望此链接为滑动链接: &lt;a href="#nameofdivetc" class="sliding-link"&gt;link text, img etc.&lt;/a&gt; 然后,如果单击此链接,页面将向上或向下滑动到所需位置(可以是div,标题,页面顶部等)。 这是我以前的经历: $(document).ready(function(){ $(".scroll").click(function(event){ //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split the url by # and get the anchor target name - …

5
如何在本地运行的网页上创建指向本地文件的链接?
我想要一个html文件,该文件可以整理分散在我的硬盘中的某些文件。例如,我有两个文件可以链接到: C:\Programs\sort.mw C:\Videos\lecture.mp4 问题是我希望这些链接充当文件的快捷方式。我尝试了以下方法: &lt;a href="C:\Programs\sort.mw"&gt;Link 1&lt;/a&gt; &lt;a href="C:\Videos\lecture.mp4"&gt;Link 2&lt;/a&gt; ...但是第一个链接不执行任何操作,而第二个链接则在Chrome(而不是VLC)中打开文件。 我的问题是: 有没有一种方法可以调整我的HTML,以将链接视为文件的快捷方式? 如果没有调整HTML的方法,是否还有其他方法可以整齐地链接到分散在整个硬盘驱动器中的文件? 我的计算机运行Windows 7,而网络浏览器是Chrome。
155 html  anchor  local-files 


4
是否可以使用没有href属性的<a>(锚标记)?
我一直在使用Twitter Bootstrap构建网站,其许多功能取决于将内容包装在中&lt;a&gt;,即使它们只是执行Javascript也是如此。我在href="#"Bootstrap文档所建议的策略上遇到了问题,因此我试图寻找其他解决方案。 但是后来我尝试完全删除该href属性。我一直在使用&lt;a class='bunch of classes' data-whatever='data'&gt;,并让Javascript处理其余部分。而且有效。 但是有件事告诉我我不应该这样做。对?我的意思是,从技术上讲,&lt;a&gt;它应该是某事的链接,但是我不确定是为什么这是一个问题。还是?


11
使html svg对象也成为可点击的链接
我的HTML页面中有一个SVG对象,并将其包装在锚点中,因此,当单击svg图像时,会将用户带到锚点链接。 &lt;a href="http://www.google.com/"&gt; &lt;object data="mysvg.svg" type="image/svg+xml"&gt; &lt;span&gt;Your browser doesn't support SVG images&lt;/span&gt; &lt;/object&gt; &lt;/a&gt; 当我使用此代码块时,单击svg对象不会将我带到Google。在IE8 &lt;中,跨度文本是可单击的。 我不想修改我的svg图像以包含标签。 我的问题是,如何使svg图像可点击?
143 html  object  svg  anchor 

8
在<option>标记内使用href链接
我有以下HTML代码: &lt;select name="forma"&gt; &lt;option value="Home"&gt;Home&lt;/option&gt; &lt;option value="Contact"&gt;Contact&lt;/option&gt; &lt;option value="Sitemap"&gt;Sitemap&lt;/option&gt; &lt;/select&gt; 如何将Home,Contact和Sitemap值设置为链接?我使用了以下代码,但正如我预期的那样,它无法正常工作: &lt;select name="forma"&gt; &lt;option value="Home"&gt;&lt;a href="home.php"&gt;Home&lt;/a&gt;&lt;/option&gt; &lt;option value="Contact"&gt;&lt;a href="contact.php"&gt;Contact&lt;/a&gt;&lt;/option&gt; &lt;option value="Sitemap"&gt;&lt;a href="sitemap.php"&gt;Sitemap&lt;/a&gt;&lt;/option&gt; &lt;/select&gt;
139 html  forms  tags  anchor  option 

9
是否可以使用CSS将HTML锚标记设为不可点击/不可链接?
例如,如果我有这个: &lt;a style="" href="page.html"&gt;page link&lt;/a&gt; 有什么我可以使用的style属性来实现的,因此链接不可单击并且不会带我到page.html吗? 或者,我唯一的选择是不简单地将“页面链接”不包装在锚标记中? 编辑:我想说明为什么要这样做,以便人们可以提供更好的建议。我正在尝试设置我的应用程序,以便开发人员可以选择他们想要的导航样式类型。 因此,我有一个链接列表,当前始终选择一个链接,而其他所有链接都没有。对于未选择的链接,我显然希望这些链接是普通的可点击锚标记。但是对于选定的链接,有些人希望链接保持可单击状态,而另一些人则希望使其不能单击。 现在,我可以轻松地以编程方式不将锚定标签包裹在所选链接周围。但我认为,如果始终可以将所选链接包装成类似以下内容,它将更加优雅: &lt;a id="current" href="link.html"&gt;link&lt;/a&gt; 然后让开发人员通过CSS控制链接样式。
132 html  css  anchor 

5
通过使用javascript跳锚
我有一个很常见的问题。问题在于找不到任何明确的解决方案。 关于锚,我有两个问题。 主要目标应该是使用锚点跳到页面上时获得一个干净整洁的url,其中没有任何哈希。 因此,锚点的结构为: &lt;ul&gt; &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="wrap"&gt; &lt;a name="one"&gt;text 1&lt;/a&gt; &lt;a name="two"&gt;text 2&lt;/a&gt; &lt;a name="three" class="box"&gt;text 3&lt;/a&gt; &lt;/div&gt; 好的,如果您单击链接之一,则网址将自动更改为 www.domain.com/page#1 最后应该是: www.domain.com/page 到目前为止,一切都很好。现在第二件事是,当您在互联网上搜索该问题时,您会找到javascript解决方案。 我发现了这个功能: function jumpto(anchor){ window.location.href = "#"+anchor; } 并使用以下命令调用该函数: &lt;a onclick="jumpto('one');"&gt;One&lt;/a&gt; 会像以前一样。它将哈希添加到URL。我还加了 &lt;a onclick="jumpto('one'); return false;"&gt; 没有成功。因此,如果有人可以告诉我如何解决这个问题,我将不胜感激。 非常感谢。


21
使锚点链接位于其链接位置上方一些像素处
我不确定询问/搜索此问题的最佳方法: 当您单击锚点链接时,它将带您到页面的该部分,并且链接到的区域现在位于页面的非常顶部。我希望锚链接将我发送到页面的该部分,但我想在顶部留一些空间。在这种情况下,我不希望它将我发送到“链接到”的零件上,该零件在“非常好”的顶部,我希望在那里有100个像素左右的空间。 这有意义吗?这可能吗? 编辑以显示代码-这只是一个锚标记: &lt;a href="#anchor"&gt;Click me!&lt;/a&gt; &lt;p id="anchor"&gt;I should be 100px below where I currently am!&lt;/p&gt;
123 javascript  html  css  anchor 

16
href覆盖Angular.js中的ng-click
同时定义href属性和ng-click属性: &lt;a href="#" ng-click="logout()"&gt;Sign out&lt;/a&gt; 该href属性优先于ng-click。 我正在寻找一种提高ng-click优先级的方法。 href 是Twitter Bootstrap所必需的,我无法将其删除。
118 html  angularjs  anchor  markup 

5
如何使用jQuery获得锚文本/ href?
考虑我有一个看起来像这样的锚 &lt;div class="res"&gt; &lt;a href="~/Resumes/Resumes1271354404687.docx"&gt; ~/Resumes/Resumes1271354404687.docx &lt;/a&gt; &lt;/div&gt; 注意:锚点将没有任何ID或类... 我想在该onclick锚的jQuery 中获取href / text 。
113 jquery  anchor 

10
从PHP中的URL获取片段(哈希值“#”之后的值)
已关闭。这个问题需要更加集中。它当前不接受答案。 想改善这个问题吗?更新问题,使其仅通过编辑此帖子来关注一个问题。 上个月关闭。 改善这个问题 如何使用PHP在URL中的“#”符号后选择片段? 我想要的结果是“ photo45”。 这是一个示例URL: http://example.com/site/gallery/1#photo45
106 php  url  anchor  url-fragment 

3
Github Markdown同页链接
假设我在同一个git hub Wiki页面中有两个点,为此我们将其称为place 1和place 2。 ##Title ###Place 1 Hello, this is some text to fill in this, [here](place2), is a link to the second place. ###Place 2 Place one has the fun times of linking here, but I can also link back [here](place1). 替代方法是ToC。 ##Title [ToC] ###Place 1 ###Place 2 …

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.