我使用以下代码使用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) 我在某处读过,使用锚标签提交表单不是很安全,所以这是我的问题:使用锚标签代替<button>
或<input type="submit" />
提交表单是否安全?如果不是,为什么?问题是,我有一个按钮的CSS类,它显示了我想要的东西<a class="button">
,但如果我将它添加到一个实际按钮,它会添加一个我不想要的奇怪边框.
谢谢
a {...}
和之间有什么区别a:link{...}
?
它们之间有不同的用法和好处吗?
我使用下面的代码来实现这个目标:
当鼠标悬停在锚点上时,下划线出现,
但它失败了,
<a class="hover">click</a>
a .hover :hover{
text-decoration:underline;
}
Run Code Online (Sandbox Code Playgroud)
什么是正确的版本?
以此代码段为例:
window.location.href = 'mysite.htm#images';
Run Code Online (Sandbox Code Playgroud)
已经在网站上mysite.htm
并触发重新加载location.href
将不会重新加载页面,而是跳转到URL中指定的锚点.
我需要一种机制来真正重新加载页面.有任何想法吗?
PS:我试过了位置的其他方法,但没有一个能做到这一点:(
编辑
不要挂在文件类型上htm
.我也需要它用于动态网站.
我几乎永远不会玩客户端的东西,这可能是一个简单的任务就是踢我的屁股:)
我有一些链接.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>
Adobe有一个标准,理论上指定从浏览器中单击的链接打开PDF文档,以打开PDF文档的特定部分(AKA"锚点","命名参考").如果想要引用大型PDF的特定部分(例如某些标准或规范),此功能应该非常有用.
但是,从我现在看来,对这个标准的支持几乎不存在.
例如,这些链接应在第3.2.6节"注释类型"中打开Scala参考PDF:
(Techincally,变体#3应该打开第23页,它本质上是相同的目的地)
是否有一种工作方式(可能有几个垫片,专有包装或其他任何东西)使这个工作在大多数系统上?如果我关心其他系统,Adobe Reader插件的使用份额是多少?
如果不可能,至少我想为每个平台(即Windows,Linux,Mac)找到一个可行的解决方案,如果他们希望能够使用命名的目标链接,我可以向我的网站的用户推荐.
从我测试过:
\\HOST\dir\file.pdf#something
),"http"(或可能是"https")方案之外的任何其他内容都不起作用如果您尝试以各种不同的组合进行测试,我将不胜感激.
所以这是一个简单但有趣的问题,如何使用单个<a>
元素打开多个链接?
使用它只会打开第一个 href
<a href="http://www.google.com" href="http://www.yahoo.com" target="_blank">Click Here</a>
Run Code Online (Sandbox Code Playgroud) <a href="employee.action" id="employeeLink">Employee1</a>
Run Code Online (Sandbox Code Playgroud)
当我单击Employee1链接时,GET请求转到服务器.我想让它而不是GET请求.有没有办法可以改变href的默认GET行为?
注意: - 我知道可以在我们可以在超链接点击上调用javascript函数,然后创建表单并提交它.但我正在寻找我们可以提到锚标记中的一些属性来发出POST请求而不是GET请求的地方?
我<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>
标签相同的功能.