标签: anchor

jQuery滚动到锚点(减去设定的像素数量)

我使用以下代码使用jQuery滚动到锚点:

$(document).ready(function() {
  function filterPath(string) {
  return string
    .replace(/^\//,'')
    .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
    .replace(/\/$/,'');
  }
  var locationPath = filterPath(location.pathname);
  var scrollElem = scrollableElement('html', 'body');

  $('a[href*=#]').each(function() {
    var thisPath = filterPath(this.pathname) || locationPath;
    if (  locationPath == thisPath
    && (location.hostname == this.hostname || !this.hostname)
    && this.hash.replace(/#/,'') ) {
      var $target = $(this.hash), target = this.hash;
      if (target) {
        var targetOffset = $target.offset().top;
        $(this).click(function(event) {
          event.preventDefault();
          $(scrollElem).animate({scrollTop: targetOffset}, 400, function() {
            location.hash = target;
          });
        });
      }
    }
  });

  // use the first element that …
Run Code Online (Sandbox Code Playgroud)

anchor jquery scroll

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

使用锚点提交表格是否安全?

我在某处读过,使用锚标签提交表单不是很安全,所以这是我的问题:使用锚标签代替<button><input type="submit" />提交表单是否安全?如果不是,为什么?问题是,我有一个按钮的CSS类,它显示了我想要的东西<a class="button">,但如果我将它添加到一个实际按钮,它会添加一个我不想要的奇怪边框.

谢谢

html forms anchor button

31
推荐指数
1
解决办法
6万
查看次数

a vs a:link,有什么区别?

a {...}和之间有什么区别a:link{...}

它们之间有不同的用法和好处吗?

css anchor css-selectors pseudo-class

30
推荐指数
3
解决办法
6578
查看次数

如何在CSS中使用'hover'

我使用下面的代码来实现这个目标:

当鼠标悬停在锚点上时,下划线出现,

但它失败了,

    <a class="hover">click</a>

    a .hover :hover{
        text-decoration:underline;
    }
Run Code Online (Sandbox Code Playgroud)

什么是正确的版本?

css anchor hover

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

Javascript:如何使用锚标记真正重新加载网站?

以此代码段为例:

window.location.href = 'mysite.htm#images';
Run Code Online (Sandbox Code Playgroud)

已经在网站上mysite.htm并触发重新加载location.href将不会重新加载页面,而是跳转到URL中指定的锚点.

我需要一种机制来真正重新加载页面.有任何想法吗?

PS:我试过了位置的其他方法,但没有一个能做到这一点:(

编辑
不要挂在文件类型上htm.我也需要它用于动态网站.

javascript url anchor reload

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

jQuery:捕获锚点href onclick并异步提交

我几乎永远不会玩客户端的东西,这可能是一个简单的任务就是踢我的屁股:)

我有一些链接.OnClick我想阻止默认操作,捕获其href url,向该URL提交ajax GET,并简单地alert()使用结果...但我甚至无法超越起始线:)

播放时间的示例锚点:

<a class="asynch_link" href="good/1.html">Click Here</a>
<a class="asynch_link" href="good/2.html">Click Here</a>
Run Code Online (Sandbox Code Playgroud)

现在,我已经对SO上的类似请求提出了一些建议,但链接仍然导致浏览器导航到href url.

即使只是

<script type="text/javascript">
    $('a').click(function (event) 
    { 
         event.preventDefault(); 
         //here you can also do all sort of things 
    });
</script>
Run Code Online (Sandbox Code Playgroud)

...链接仍然导航到另一页.

我有点像和婴儿在这里:)

任何和所有帮助将深表感谢.

而且,是的,我AM包括jQuery的:)
<script src="//67.20.99.206/javascripts/jqueryCountdown/1-5-11/jquery.countdown.js" type="text/javascript" charset="utf-8"></script>

ajax anchor jquery hyperlink

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

从网页链接到PDF文档中的特定部分(锚点)

Adobe有一个标准,理论上指定从浏览器中单击的链接打开PDF文档,以打开PDF文档的特定部分(AKA"锚点","命名参考").如果想要引用大型PDF的特定部分(例如某些标准或规范),此功能应该非常有用.

但是,从我现在看来,对这个标准的支持几乎不存在.

例如,这些链接应在第3.2.6节"注释类型"中打开Scala参考PDF:

  1. http://www.scala-lang.org/docu/files/ScalaReference.pdf#subsection.3.2.6
  2. http://www.scala-lang.org/docu/files/ScalaReference.pdf#nameddest=subsection.3.2.6
  3. http://www.scala-lang.org/docu/files/ScalaReference.pdf#page=23

(Techincally,变体#3应该打开第23页,它本质上是相同的目的地)

是否有一种工作方式(可能有几个垫片,专有包装或其他任何东西)使这个工作在大多数系统上?如果我关心其他系统,Adobe Reader插件的使用份额是多少?

如果不可能,至少我想为每个平台(即Windows,Linux,Mac)找到一个可行的解决方案,如果他们希望能够使用命名的目标链接,我可以向我的网站的用户推荐.

从我测试过:

  • Windows,MSIE/Firefox/Chrome,Adobe Acrobat Reader插件 - 所有版本均适用于版本9+,但是:
    • MSIE有一个奇怪的缓存问题(即在缓存文档之前锚不起作用)
    • 旧版本不起作用
    • 它存在链接格式问题:通常,它应该是与真实Web服务器的常规绝对链接,以"http://"开头.相对链接,samba风格的链接(\\HOST\dir\file.pdf#something),"http"(或可能是"https")方案之外的任何其他内容都不起作用
  • Windows,任何设置为单独运行Adobe Acrobat Reader的浏览器都不起作用
  • Windows,任何浏览器,FoxIt Reader - 都不起作用
  • Windows,任何浏览器,CutePDF - 都不起作用
  • Linux/Konqueror/Okular - 只有变体#1有效
  • Linux,设置为运行Okular或任何其他PDF查看器作为外部进程的任何其他浏览器都不起作用(因为浏览器不在命令行中传递任何"#arguments")
  • 任何操作系统,Firefox 15+ PDF.js内部PDF查看器 - 都不起作用

如果您尝试以各种不同的组合进行测试,我将不胜感激.

html pdf anchor hyperlink

29
推荐指数
1
解决办法
2万
查看次数

如何使用单个锚标记打开多个链接

所以这是一个简单但有趣的问题,如何使用单个<a>元素打开多个链接?

使用它只会打开第一个 href

<a href="http://www.google.com" href="http://www.yahoo.com" target="_blank">Click Here</a>
Run Code Online (Sandbox Code Playgroud)

html anchor

29
推荐指数
1
解决办法
6万
查看次数

使href(锚标记)请求POST而不是GET?

<a href="employee.action" id="employeeLink">Employee1</a>
Run Code Online (Sandbox Code Playgroud)

当我单击Employee1链接时,GET请求转到服务器.我想让它而不是GET请求.有没有办法可以改变href的默认GET行为?

注意: - 我知道可以在我们可以在超链接点击上调用javascript函数,然后创建表单并提交它.但我正在寻找我们可以提到锚标记中的一些属性来发出POST请求而不是GET请求的地方?

html anchor post get

29
推荐指数
2
解决办法
14万
查看次数

<link> vs <a>:何时使用其中一个?

<link>和之间有些混淆<a>.

我知道为了将CSS添加到HTML文档,我们使用<link>标记,例如:

<link type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
Run Code Online (Sandbox Code Playgroud)

但是,我无法理解为什么我们不使用锚<a>标记(因为它包含相同的必要属性),例如:

 <a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
Run Code Online (Sandbox Code Playgroud)

这两个标签可以互换吗?此外,如果这是可能的,那么我们如何选择一个而不是另一个?为什么?

更新:

我有这种困惑,因为我在完整参考HTML和CSS书中看到了关于Tag 的rel属性<a>,它:

rel:对于包含该href属性的锚点,此属性指定目标对象与链接对象的关系.

所以我认为它可以做与<link>标签相同的功能.

html anchor hyperlink stylesheet-link-tag

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