【问题标题】:HTML onClick event handling while document is loading?加载文档时处理 HTML onClick 事件?
【发布时间】:2016-08-07 08:00:00
【问题描述】:

我在从 HTML onClick 事件中调用 javascript 函数。加载页面时我工作正常,但是当我在文档未准备好时单击按钮时,它会在控制台中出现未定义的函数错误。

<a onclick="myfunc(params)" href="javascript:void(0)" >Click Me</a>

myfunc 在另一个 js 文件中定义。

【问题讨论】:

  • 尝试将您的脚本移动到头部
  • @IsmailFarooq 是的,但这会减慢页面加载速度。
  • 我认为没有其他办法。可能您可以缓存您的页面,以帮助您快速加载页面,请参见此处w3schools.com/html/html5_app_cache.asp

标签: javascript html javascript-events


【解决方案1】:

您需要在页面的 head 部分调用包含此函数的 javascript 文件。我们使用 script 标签加载 javascript 文件,它是渲染阻塞的,这意味着将首先加载所需的内容,然后加载此 Click Me,然后您可以在此链接可见时单击此链接。

【讨论】:

  • 您可以缩小脚本以优化页面加载速度。或者您可以在此元素之前调用脚本。或者您可以将该特定功能移动到此 html 文件中。
猜你喜欢
  • 1970-01-01
  • 2019-08-12
  • 2021-05-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-04-13
  • 2017-03-14
相关资源
最近更新 更多