HTML5 API
日期：2013-07-10 17:15:00 当你说或读“HTML5”，你一半的期望异国情调的舞者和独角兽走进房间，“我很性感，我知道它的曲调。”我们看着基本的API凝滞了这么久的一个基本特征除了像占位符让我们花一分钟。“尽管许多正在实施的现代浏览器的HTML5特性，很多开发商都没有意识到的一些较小的，有用的API提供给我们。这篇文章公开这些API被写入鼓励热爱成都网页设计的你去探索被称为HTML5的API出租人！
Element.classList
班级列表API提供基本的CSS控制我们的JavaScript库多年：
/ /添加一个类元素
myElement.classList.add（的“newClass”）;
/ /删除一个类元素
myElement.classList.remove（的“existingClass”）;
/ /检查是否存在
myElement.classList.contains（“oneClass）;
/ /切换类
myElement.classList.toggle（“anotherClass”）;
一个伟大的API除了缩影：简单和智能化。阅读这篇文章，以了解其他几个班级列表属性。
ContextMenu API
新的ContextMenu API是***，而不是重写浏览器上下文菜单，新的ContextMenu API允许你简单地添加到浏览器的上下文菜单项：
<section contextmenu="mymenu">
<！ -
为了清洁的目的，
我会把我的菜单里面的元素将使用它
- >
<！ - 添加菜单 - >
<menu type="context" id="mymenu">
<menuitem label="Refresh Post" onclick="window.location.reload();" icon="/images/refresh-icon.png"> </菜单项>
<菜单标签=“分享到...”图标=“/的图像/ share_icon.gif”>
<菜单项标签=“推特”图标=“/图像/ twitter_icon.gif的”的onclick =“GOTO（'/ / twitter.com /意向/鸣叫 文本='+ document.title时+'：'+ window.location.href ）;“> </菜单项>
<menuitem label="Facebook" icon="/images/facebook_icon16x16.gif" onclick="goTo('//facebook.com/sharer/sharer.php?u=' + window.location.href);"> </菜单项>
</菜单>
</菜单>
</条>
请注意，它是***的标记用JavaScript创建菜单，因为JS是需要进行项目操作工作，你不会想在页面中的HTML如果JS关闭。
Element.dataset
数据集API允许开发者获取和设置数据属性的值：
/ *假设元素：
<div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="This的value"> </ DIV>
* /
/ /获取元素
VAR元素=（“myDiv”）;
/ /获取ID
ID = element.dataset.id;
/ /获取“数据我的自定义键”
VAR customKey = element.dataset.myCustomKey;
/ /设置别的东西的价值
element.dataset.myCustomKey =“一些其他的价值”;
/ /元素变成：
/ / <div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="Some其他value"> </ DIV>
没有多说，就像班级名册，简单而有效。
window.postMessage API
postMessage的API，它甚至已经在IE8多年的支持，允许窗户和IFRAME元素之间发送的消息：
/ /从窗口或帧域1，将消息发送到承载另一个域的iframe
VAR iframeWindow =的document.getElementById（“iframe中”）。contentWindow;
iframeWindow.postMessage（从***窗口的“你好！”）;
/ /从iframe里面的不同的主机上，接收消息
window.addEventListener（“消息”，功能（事件）{
/ /确保我们相信发送域
（event.origin ==“http://davidwalsh.name的）{
/ /退出消息
CONSOLE.LOG（event.data）;
/ /发送消息
event.source.postMessage（“您好！”）;
}
]）;
消息只可能是字符串，但你总是可以使用JSON.stringify和JSON.parse更多有意义的数据！
自动对焦属性
autofocus属性确保专注于一个给定的按钮，输入或textarea元素页面时准备就绪：
<input autofocus="autofocus" />
<button autofocus="autofocus">您好！</按钮>
<textarea autofocus="autofocus"> </ textarea的>
autofocus属性诚然迷失方向为视障人士，但在简单的搜索页面，这是***的补充。
为每个API的浏览器支持不同，所以使用特征检测，然后使用每个API。花几分钟时间来阅读上面每个功能的详细职位 - 你会学到很多东西，希望有机会鼓捣了每个API！
Element.classList
班级列表API提供基本的CSS控制我们的JavaScript库多年：
/ /添加一个类元素
myElement.classList.add（的“newClass”）;
/ /删除一个类元素
myElement.classList.remove（的“existingClass”）;
/ /检查是否存在
myElement.classList.contains（“oneClass）;
/ /切换类
myElement.classList.toggle（“anotherClass”）;
一个伟大的API除了缩影：简单和智能化。阅读这篇文章，以了解其他几个班级列表属性。
ContextMenu API
新的ContextMenu API是***，而不是重写浏览器上下文菜单，新的ContextMenu API允许你简单地添加到浏览器的上下文菜单项：
<section contextmenu="mymenu">
<！ -
为了清洁的目的，
我会把我的菜单里面的元素将使用它
- >
<！ - 添加菜单 - >
<menu type="context" id="mymenu">
<menuitem label="Refresh Post" onclick="window.location.reload();" icon="/images/refresh-icon.png"> </菜单项>
<菜单标签=“分享到...”图标=“/的图像/ share_icon.gif”>
<菜单项标签=“推特”图标=“/图像/ twitter_icon.gif的”的onclick =“GOTO（'/ / twitter.com /意向/鸣叫 文本='+ document.title时+'：'+ window.location.href ）;“> </菜单项>
<menuitem label="Facebook" icon="/images/facebook_icon16x16.gif" onclick="goTo('//facebook.com/sharer/sharer.php?u=' + window.location.href);"> </菜单项>
</菜单>
</菜单>
</条>
请注意，它是***的标记用JavaScript创建菜单，因为JS是需要进行项目操作工作，你不会想在页面中的HTML如果JS关闭。
Element.dataset
数据集API允许开发者获取和设置数据属性的值：
/ *假设元素：
<div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="This的value"> </ DIV>
* /
/ /获取元素
VAR元素=（“myDiv”）;
/ /获取ID
ID = element.dataset.id;
/ /获取“数据我的自定义键”
VAR customKey = element.dataset.myCustomKey;
/ /设置别的东西的价值
element.dataset.myCustomKey =“一些其他的价值”;
/ /元素变成：
/ / <div id="myDiv" data-name="myDiv" data-id="myId" data-my-custom-key="Some其他value"> </ DIV>
没有多说，就像班级名册，简单而有效。
window.postMessage API
postMessage的API，它甚至已经在IE8多年的支持，允许窗户和IFRAME元素之间发送的消息：
/ /从窗口或帧域1，将消息发送到承载另一个域的iframe
VAR iframeWindow =的document.getElementById（“iframe中”）。contentWindow;
iframeWindow.postMessage（从***窗口的“你好！”）;
/ /从iframe里面的不同的主机上，接收消息
window.addEventListener（“消息”，功能（事件）{
/ /确保我们相信发送域
（event.origin ==“http://davidwalsh.name的）{
/ /退出消息
CONSOLE.LOG（event.data）;
/ /发送消息
event.source.postMessage（“您好！”）;
}
]）;
消息只可能是字符串，但你总是可以使用JSON.stringify和JSON.parse更多有意义的数据！
自动对焦属性
autofocus属性确保专注于一个给定的按钮，输入或textarea元素页面时准备就绪：
<input autofocus="autofocus" />
<button autofocus="autofocus">您好！</按钮>
<textarea autofocus="autofocus"> </ textarea的>
autofocus属性诚然迷失方向为视障人士，但在简单的搜索页面，这是***的补充。
为每个API的浏览器支持不同，所以使用特征检测，然后使用每个API。花几分钟时间来阅读上面每个功能的详细职位 - 你会学到很多东西，希望有机会鼓捣了每个API！