草庐IT

Javascript 和 anchor 标签,最佳实践?

快速提问。我们应该将Javascript放在HREF中还是使用onClick(事件)?使用其中任何一个有什么优点/缺点。我个人认为简单地将代码放在href中更容易/更清晰,而不必返回false或担心跳转到#每种方法是否存在任何已知的浏览器特定问题...例子:ClickMeClickMeClickMe 最佳答案 1)而是使用onclick。当不允许使用JS时,请确保在href中有一个合理的后备URL。2)而不是onclick="...",您应该使用事件处理程序。使用jQuery或XPath查找元素,然后为每个元素调用element.a

html - 如何使用 anchor 标签<a>下载文件

为什么这不起作用:download.htmldownloadjsplogin.jar文件与download.html文件位于同一文件夹中。当我单击下载链接时,文件jsplogin.jar应该下载但它试图在浏览器中打开文件。当我右键单击链接并选择“保存链接”时,没有任何反应。 最佳答案 在HTML5中,在大多数浏览器中,您可以向a元素添加“下载”属性。例如:Download基于这个问题。HowcanIcreatedownloadlinkinhtml? 关于html-如何使用anchor标签

javascript - anchor href 中的唯一哈希值?

在我从事的项目中,我最近从开发后端(即非网络)服务器转向与网络相关的事情。在HTML代码中,我到处都发现了以下内容:somelink然后一些JS附加到click的事件元素。这个唯一的哈希值有什么特殊含义吗?我怎么理解href='#some_id'告诉浏览器滚动到ID=some_id的元素.但是href='#'不是这样的,对吧?如果一切都是为了创建一段可点击的文本,为什么不简单地使用呢?? 最佳答案 没错。你在这里看到的是某种糟糕的设计(尽管使用href="#"很常见)。如果不阻止默认操作,它实际上会跳转到页面顶部。会更好使用并相应地

html - anchor 标记在 float 为 : right; 的 div 中变为无效链接

我在一个float到屏幕右侧的div中有一个链接。该链接在FF或Chrome中不起作用,但在IE中有效(仅在IE8上测试过)。最简单的例子是这样的:test#logo{left:10px;float:left;top:10px;}#feedback{float:right;}ul#menu{position:relative;}ul#menuli{display:inline;list-style:none;}ul#menuli.last{margin-right:50px;}logotestlinktest1test2如果我删除任何float样式或位置样式,该链接将在Chrome和F

html - 如何在 IE7 中使一个空的 anchor 标记可点击?

我需要使背景图像中的区域可点击以生成供JavaScript使用的事件。因此,我创建了一个anchor标记,并在其中插入了一些相关的文本,这些文本是在语义上无意义的标记之间,然后将其隐藏:foo然后我给anchor标记“display:block”属性、宽度和高度值,并将它绝对定位在我需要它相对于背景图像的位置。在Firefox中,这很好地工作-我将鼠标悬停在上面,我的光标按预期变化-我有一些可点击的东西。然而,IE7不喜欢anchor标记为“空”的事实,因此不会将其视为可点击。所以我将它添加到css中的anchor标记中:background:url(/no-image.jpg);..

html - Angular4 - 滚动到 anchor

我正在尝试对同一页面上的anchor元素进行简单滚动。基本上,此人单击“尝试”按钮,它会滚动到页面下方ID为“登录”的区域。现在,它正在使用基本的id="login"&但它正在跳转到该部分。理想情况下,我希望它滚动到那里。如果我使用的是Angular4,是否有一些内置的方法可以做到这一点,或者最简单的方法是什么?谢谢!整个模板...(组件仍然是空的)WelcometoThinkPlanPlanningyourwayTryItThinkPlanLoginEmailPasswordLoginNewhere?Signup. 最佳答案 对于

html - 从 anchor 内的跨度中删除下划线

我有这个HTML:TestLink​还有这个CSS:ulliullispan{text-decoration:none;}​为什么anchor里面的span还会有下划线?换句话说:如何让所有文本都带有下划线,SPAN除外。谢谢 最佳答案 您需要定位anchortag而不是spantag所以用这个ulliullia{text-decoration:none;}​原因:text-decoration:underline;适用于默认浏览器样式表标记,所以如果你想覆盖它,或者如果你不想使用中的任何一个您网站上的标签应该有一个下划线,而不是简

html - 在 rails 中定义 anchor 标记的正确方法是什么?

从documentation可以明显看出(和谷歌)如何生成与段的链接,例如podcast/5#comments.您只需为:anchor传递一个值至link_to.我担心的是生成Comments的任务要简单得多标记,即第一个链接的目的地。我已经尝试了以下方法,虽然它们似乎有效,但标记并不是我所期望的:link_to"Comments",:name=>"comments"link_to"Comments",:anchor=>"comments"我想我遗漏了一些明显的东西。谢谢。 最佳答案 您对Ruby的语法糖(Rails大量使用)感到困

javascript - 在 knockout.js 中禁用 anchor 标记

我需要在HTML中禁用knockout.js的foreach循环内的anchor标记。这是我的代码:Skype 最佳答案 无法禁用anchor标记。最简单的方法是使用koifbinding,然后呈现一个span而不是anchor如果skypeid为nullNoSkypeIdHereisafiddle 关于javascript-在knockout.js中禁用anchor标记,我们在StackOverflow上找到一个类似的问题: https://stackove

html - 如何使用注册 anchor 标记使用 Bootstrap 模态?

我有一个导航栏的anchor标记列表。单击“注册”时,我想打开一个模式。这是代码:Logindata-toggle="modal"data-target="modalRegister">Register×RegisterClose我通常使用按钮打开模式,但我不太确定如何使用打开它标签因为.我怎样才能达到结果? 最佳答案 您必须修改以下行:RegistermodalRegister是ID,因此需要在前面加上#作为html中的ID引用。因此,修改后的html代码片段如下:Register