[数码] 请问onmouseover为啥不是驼峰onMouseOver，是可以节省内存吗？

万年历购物网址日历小说 | 三峰软件天天财富小游戏视频推荐小游戏

TxT小说阅读器
↓小说语音阅读,小说下载↓

一键清除系统垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

图片自动播放器
↓图片自动播放,产品展示↓

首页日历2024 日历2025 日历2026 日历知识 | 每日头条视频推荐数码知识两性话题情感天地心理咨询旅游天地 | 明星娱乐电视剧职场天地体育娱乐

日历软件煮酒论史历史中国历史世界历史春秋战国三国唐朝宋朝明朝清朝哲学厚黑学心理学 | 文库大全文库分类

电影票房娱乐圈娱乐弱智火研中华城市仙家六爻佛门风水钓鱼双色球戒色航空母舰网球乒乓球足球 nba 象棋体操

知识库 -> 数码 -> 请问onmouseover为啥不是驼峰onMouseOver，是可以节省内存吗？ -> 正文阅读

[数码]请问onmouseover为啥不是驼峰onMouseOver，是可以节省内存吗？

[收藏本文] 【下载本文】

请问onmouseover为啥不是驼峰onMouseOver，是可以节省内存吗？
关注问题?写回答
[img_log]
JavaScript
Vue.js
JavaSc?ri?p
请问onmouseover为啥不是驼峰onMouseOver，是可以节省内存吗？

20世纪时，HTML 就是写成驼峰式的 onMouseOver 和 onClick 这样子的。HTML 不区分大小写，并且当时推荐是全大写，onClick 之类的东西一般是推荐使用驼峰式风格。

上古时期的 Netscape JavaScript 文档
当时的 HTML 3.2 代码大概是下面这样子的：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Title</TITLE>
<SCRIPT LANGUAGE=JavaScript>
    function helloWorld() {
        window.alert("Hello World");
    }
</SCRIPT>
</HEAD>
<BODY>
<H1>My First Heading</H1>
<P>My first paragraph.</P>
<INPUT TYPE=button VALUE="My button" onClick="helloWorld()">
</BODY>
</HTML>

1997年，万维网联盟（W3C）发布 HTML 4.0 。1999年，万维网联盟（W3C）几乎同时发布 HTML 4.01 与 XHTML 1.0 。XHTML 就是对 HTML 进行微调，使其严格符合 XML 标准。
XHTML 规定有很多，比如一切标签必须有结尾标签（所以禁止写<br>而要写<br />），属性值必须打双引号，还规定了所有标签和属性全都必须使用小写（否则算错误）。上述代码改写成 XHTML 1.0 就是这个样子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Title</title>
<script type="text/javascript">
    // <![CDATA[
    function helloWorld() {
        window.alert("Hello World");
    }
    // ]]>
</script>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>

<div><input type="button" value="My button" onclick="helloWorld()" /></div>
</body>
</html>

于是 onclick 和 onmouseover 等等都变成了全小写。
XHTML 非常非常严格，只要有一点点小错误，就会导致整个网页报错，无法显示。比如把上面 input 标签的斜杠删掉，就会导致整个网页崩溃报错。

XHTML 1.0 网页崩溃报错
当然，由于 XHTML 过于严苛，浏览器动不动就报错，所以大多数开发者并不买账。很多开发者即使开启了 XHTML 开发模式，最终为了避免浏览器报错，也还是向浏览器发送 HTML 的响应头（即 Content-type: text/html），而不是 XHTML 的响应头（即 Content-type: application/xhtml+xml）。
2000年，万维网联盟（W3C）几乎同时发布 HTML 4.01修订案与XHTML 1.1 。接下来的十几年，万维网联盟（W3C）一直在坚持修订 XHTML 。然而，由于大多数开发者不买账，XHTML 1.2 流产了。然后，2002年，W3C又去搞XHTML 2.0 ，搞到了2006年，结果也流产了。
2004年，苹果（Apple）、谋智（Mozilla）、Opera三家浏览器开发商联合起来，另立中央，成立了网页超文本应用技术工作小组（WHATWG），开始研发 HTML 5 。
2008年，WHATWG 发布 HTML 5 草案。W3C发现自己已经被架空了，于是放弃 XHTML ，投身 HTML 5 。 2014年，W3C 正式批准通过 HTML 5 。XHTML 就算是彻底死绝了。不过 XHTML 唯一保留下来的遗产，就是全部小写的开发习惯（虽然标准不强制要求）。所以，现在我们看到的，就是全小写的 onclick 和 onmouseover 这样子的风格。
这就是 HTML 5 风格的代码：

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<script type="text/javascript">
    function helloWorld() {
        window.alert("Hello World");
    }
</script>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>

<div><input type="button" value="My button" onclick="helloWorld()"></div>
</body>
</html>

送礼物
还没有人送礼物，鼓励一下作者吧

所以你觉的字符串里大写字母有可能比小写字母占用内存更大？很有趣的猜测，但是是不可能的。
Brendan Eich 发明浏览器事件机制是从苹果当年的低代码开发工具 Hypercard 找的灵感，事件处理器的名称用 on 加上一个事件名称的命名方式是继承了 Hypercard 的脚本语言 Hypertalk：

如果你问的是 HTML 里的属性为什么是 onClick 而不是 onclick，那可能是你出生的还不够早，因为在当年，从网景的 JS 文档里到人们真实写的 HTML 里，都是用的驼峰写法（Hypertalk 就是用驼峰的），比如 onClick：

因为 HTML 的标签和属性名是不区分大小写的，当时的网页代码风格是长这样的：

也就是标签和属性名都用大写，事件处理器属性名用驼峰。直到几年后 HTML 4 规范推荐用小写，人们才把慢慢把标签和属性名才改成小写。当我 2006 年刚接触互联网时，还能看到一些用大写的网页，现在很难找到了。
你之所以会觉的 onMouseOver 是不对的，除了现在 HTML 属性名都习惯用小写，还有就是在 JS 里 DOM 对象身上的事件处理器属性 onmouseover，它的确就必须是小写的。
从 js1.1 开始，支持了在 JS 里设置事件处理器，js1.0 只能在 HTML 里设置：

<TAG eventHandler="JavaScript Code">

关于 HTML 里设置的事件处理器字符串怎么被包成一个函数的，可以看为什么下面的两个getElementById前面一个必须加document.另一个可以不用？
在 js1.1 中，可以用 element.eventhandler = fun 来设置事件处理器，注意 eventHandler 变成了 eventhandler，比如 onClick 变成了 onclick。文档里到处都是驼峰的 event handler，怎么到这里又变成必须全小写了：