html onclick事件无效 巨坑

html无法触发onclick

最近在学习JavaScript的时候,想copy别人的csdn博客上的一个例子
例子1链接
结果onclick死活绑不上去,然后又试了另一个例子的onclick,也是同样高的问题!
例子2链接

一度怀疑自己学了假的JavaScript,但仔细看VsCode里的代码高亮也有点不对劲,先上图

看这两个button,同样是绑定danji()函数,但是第二个button的onclick事件没有触发danji函数,
很明显第二个danji()是橙色的,代表字符串,而函数应该是黄色的才对,但是为什么会这样呢?明明两个绑定的都是一样啊!

没错 这两行代码看起来几乎一样,但实际上第二个onclick的o是希腊字母!!!

我们来看下在本网页中的代码

	<button onclick="danji()">按钮1</button>
	<button οnclick="danji()">按钮2</button>

反正我看到的是一样的…(可能受浏览器字体影响)

大家可以试试复制上面代码块内的两个o查一下ASCII码,还真是不一样的
查询链接


ASCII码表

这个字母叫omicron,是希腊字母表的第15个字母

在VsCode和网页中,英文字母o和希腊字母ο居然显示得完全一样(可能是我电脑的原因)
我是怎么发现的呢,后来用记事本打开,一眼就能看出不一样了,先上图

粘贴到Word文档上再看看,也是很明显地能区分开来!



感觉跟字体有很大的关系,我们把txt和word的字体都换成微软雅黑看看
txt下看不出任何区别

word文档下还是能看出一点点间距不一样的(都是只有一个空格键)



总结:应该就是字体显示的问题了,真是巨坑啊!!!以后大家上网复制代码一定要检查清楚…不然真的有什么奇奇怪怪的字符都发现不了