工作中可能遇到的难以发现的坑——相似字符问题

1. 为什么触发不了了?

<button type="button"　onclick="a()">button</button>

全角字符

全角空格可能在输入的时候无意识触发, 在 js 里基本没有影响, 但是在 html 标签里面属性之间可能就难以发现, 导致全角空格后面的属性失效.

虽然全角字符在代码中基本是避讳使用的, 但是有时候合理使用也能简化代码, 直达需求目的. 

比如在表单中不同长度名称的输入框对齐, 使用全角空格会使得代码更简洁易读

html中的占位符

 
 

更新 2020-1-10 11:33:05

 

2. οnclick 你看是不是 onclick 呢？ 

<button type="button" οnclick="b()">button</button>

οnclick这其实是希腊字母ο, 而且是完全看不出差异的字母

这种其他语言相似甚至相同字符的问题自己的代码可能不会出现, 但是网上贴过来的代码不能保证会不会被有意篡改,  而且编辑器并不能及时提示出来, 这种肉眼难辨的差异, 是最令人抓狂的.

谨以此文, 警示自己工作中多小心这种类似的坑