javascript - 在 HTML 标签内调用 javascript 函数

标签 javascript html

我有以下内容。

<a href="#" onclick="hello()">click me</a>

我有一个 Javascript 文件

$(document).ready(function() {
  function hello() {
    alert('hi');
  }
});

但是当我点击“点击我”时,警报并没有被触发。它说“你好”未定义。我删除了 document.ready,它起作用了。

这是不是因为“hello”直到整个文档就绪才被定义,但是上面的“anchor”标签在渲染的时候,找不到函数?

有什么方法可以让它发挥作用吗?

  • 我必须通过丑陋的“onclick”从 html 标签调用 javascript 函数
  • 我需要将我的 JS 保存在 document.ready 中(我还需要其他部分)

最佳答案

您还可以在 anchor 标记中使用 HREF 属性和 javascript: 关键字来调用 JavaScript 函数:

<a href="javascript:hello()">click me</a>

关于javascript - 在 HTML 标签内调用 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8612554/

相关文章:

javascript - Redux 中的订阅 Redux 中订阅的奇怪行为

javascript - 将 style.backgroundImage 更改为 php $_SESSION

javascript - Jquery Grid 全选不起作用

javascript - 从网页捕获函数

javascript - 在 javascript 中获取特定 DOM 元素组的内容列表的最佳方法是什么?

javascript - 多个 Polymer Web 组件在 Firefox 中失败

javascript - onblur 不工作但 onclick 是

javascript - jQuery 鼠标悬停函数在 $(window).resize 之后仍然触发

javascript - 是否有与 Opera 快速拨号功能等效的 JavaScript?

javascript - VueJS 中的 v-html 不起作用(空页面)