使用 href 调用函数

在 Web 开发中，我们通常使用链接（link）来在页面之间进行跳转。链接使用 href 属性来指定跳转的 URL。然而，链接也可以调用 JavaScript 中定义的函数，从而实现更加灵活的交互。

定义一个函数

在 JavaScript 中，我们可以使用 function 关键字定义一个函数。例如我们定义一个名为 sayHello 的函数，用来在页面上弹出一个对话框，显示欢迎消息：

function sayHello() {
    alert("Hello, World!");
}

在链接中使用 href 调用函数

在 HTML 中，我们可以使用 <a> 标签来定义一个链接。例如：

<a href="https://www.example.com">跳转到 Example 网站</a>

如果我们要在这个链接中调用 sayHello 函数，只需要在 href 属性中使用 javascript: 协议来执行代码即可：

<a href="javascript:sayHello()">点击弹出欢迎消息</a>

这样，当用户点击这个链接时，页面就会弹出一个对话框，显示欢迎消息。

注意事项

• 调用函数时不要忘记在函数名后面加上括号，否则函数不会被执行。
• 使用 javascript: 协议调用函数时，要确保函数名称的语法正确，否则会导致 JavaScript 错误。
• 不要在 href 中直接编写复杂的 JavaScript 代码，应该使用外部脚本文件来维护代码。