JavaScript href 表达式
本文将帮助你了解 href 表达式及其在 JavaScript 中的工作机制。
JavaScript href 表达式
HTML 元素（或锚元素）上的 href 属性生成指向网页、文件、电子邮件地址、页面位置或 URL 可以表示的任何其他内容的超链接。
<p>You can reach to this link:</p>
<ul>
<li><a href="https://jsfiddle.net/">JSFiddle</a></li>
</ul>
在此处运行代码。
输出：
要保持在同一页面上，你还可以在 href 属性中提供名称或空 URL。
<a href="javascript:;"></a>
上面的代码通常用于创建链接，而无需在 href 属性中指定真正的 URL。
在 JavaScript 中使用带有哈希的 href 表达式
哈希 # 指定一个 HTML 元素 id，其中窗口应在超链接中拖动。
尽管 href="#" 没有提供 id 名称，但它确实指定了一个位置 - 页面顶部。当你单击带有 href="#" 的锚点时，滚动位置将移动到顶部。
<h1>Scroll to the bottom of the page and click the link</h1>
<a href="#">Scroll to Top</a>
你可以在此处查看演示。
在 JavaScript 中将 href 表达式与函数一起使用
基本上，不是使用链接来移动页面（或锚点），而是使用此方法将启动一个或多个 JavaScript 函数。
<html>
<body>
<script>
function doSomething() {
alert("hello Delft")
}
</script>
<a href="javascript:doSomething();">click me</a>
</body>
</html>
在此处运行代码。
当你单击该链接时，它会触发警报，调用 JavaScript 函数，你将看到一个弹出窗口，上面写着 hello Delft。
输出：
相关文章
JavaScript 中的 Map 索引
发布时间：2024/03/20 浏览次数：197 分类：JavaScript
-
JavaScript map 方法很容易实现，我们将讨论它的不同参数，以及它们在不同场景中的使用方式。
JavaScript 中 let 和 var 的区别
发布时间：2024/03/20 浏览次数：79 分类：JavaScript
-
本教程描述了两个关键字 var 和 let 在 JavaScript 中的实际区别。
JavaScript 指针
发布时间：2024/03/20 浏览次数：166 分类：JavaScript
-
JavaScript 没有明确的方法来定义指针。它允许在对象之间传递值和引用，但不能显示引用。本文将介绍在 JavaScript 中定义指针的好方法。
JavaScript 元组示例
发布时间：2024/03/20 浏览次数：166 分类：JavaScript
-
在 JavaScript 语言中，元组是具有不可变特性的数组类型。我们可以使用单个变量访问元组，该变量是数组的一种。
使用 JavaScript 编码 HTML
发布时间：2024/03/20 浏览次数：83 分类：JavaScript
-
本教程将教你如何使用不同的方法对 HTML 字符串进行编码。这些方法的共同点是字符串替换，它替换了具有潜在危险的字符。
使用 JavaScript 加载外部 HTML 文件
发布时间：2024/03/20 浏览次数：133 分类：JavaScript
-
本文演示了如何使用 JavaScript 和 jQuery 加载外部 html 文件。
JavaScript 延迟后重定向页面
发布时间：2024/03/20 浏览次数：87 分类：JavaScript
-
本教程展示了如何使用 JavaScript 中的 setTimeout 方法在延迟后重定向页面。
