用通俗的话来说,什么是不显眼的Javascript?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (32)

用通俗的话来说,什么是不显眼的Javascript?一个例子可以帮助我理解。

提问于
用户回答回答于

结帐维基百科文章:

“Unobtrusive JavaScript”是在网页中使用JavaScript的一般方法。虽然这个术语没有正式定义,但其基本原则通常被理解为包括:

  • 将功能(“行为层”)从网页的结构/内容和表示中分离出来
  • 避免传统JavaScript编程问题的最佳实践(如浏览器不一致性和缺乏可伸缩性)
  • 逐步增强以支持可能不支持高级JavaScript功能的用户代理[2]

所以它基本上是分离行为或JavaScript从演示文稿或HTML。

例:

<input type="button" id="btn" onclick="alert('Test')" />

这不是不显眼的JavaScript,因为行为和表现是混合的。本onclick不应该出现在HTML,应该是JavaScript的本身不是HTML的一部分。

通过上面的例子,你可以像这样变得不显眼:

<input type="button" id="btn" />

JavaScript的:

var el = document.getElementById('btn');
el.onclick = function(){
  alert('Test');
};

那个时候我们用一个非常基本的例子将html与javascript分开。

扫码关注云+社区