样式 - 在HTML或Javascript中设置onclick?

时间:2013-09-02 18:03:18

标签: javascript html

我对风格和最佳做法有疑问。

如果你有一个html页面,其中有很多按钮连接到函数,你宁愿在按钮的输入标签内设置onclick函数,还是在Javascript中创建一个附加onclick处理程序的处理程序控制器更好?每个按钮?

*我忘了提到onclicks将附加到对现有函数的调用。我实际上并没有尝试在HTML中填写匿名函数!

我认为在Javascript中完成这一切会将javascript与html分开,保持我的html页面“更纯净”。此外,如果按钮分布在页面中,控制器将把所有处理程序放在一个位置。

但我也想知道我是否会创建大量不必要的代码。我还认为在我的html页面中设置onclick对其他编码器来说更具可读性,因为他们不必查看按钮所依赖的功能。

您认为哪个更合适?

3 个答案:

答案 0 :(得分:1)

从HTML中分离CSS,JS被认为是一种更好的做法。

您仍然可以保留onclick功能,只需在单独的JS文件上创建它们。

答案 1 :(得分:1)

将JS从标记中删除是最佳做法。 HTML代表内容。 CSS用于外观。 JS是出于行为。将它们全部分开可以创建一个语义更有组织的文档。

一旦习惯了它,看到脚本中定义的事件处理程序并不难理解。

答案 2 :(得分:0)

在html中放置onclick处理程序会有更高的内存泄漏风险。