中几个值得关注的永恒

之前一直有关注一些HTML 5中的值得关注但少用的API或者技巧，这里给大家总结了一些，希望可以在日常工作中给大家提供指导和借鉴作用。

assList

这里简单说下，它其实是一个快速对某个元素的class进行操作的新的DOM API了，比如包括了add,remove,toggle,contains的方法，比如：

1 d（myCssClass）；

2 move（myCssClass）；

3 ggle（myCssClass）； //now it\'s added

4 ggle（myCssClass）； //now it\'s removed

5 ntains（myCssClass）； //returns true or false

现在的浏览器支持情况为：

chrome 8.0+,ie 10,opera 11.5,safari 5.1

ntextMenu上下文菜单API

这个API是HTML 5的，用来可以生成简单的可以点击的上下文菜单，能给用户快速的选择和显示，比如：

1 section contextmenu=mymenu

2 !--

3 For the purpose of cleanliness,

4 I\'ll put my menu inside the element that will use it

5 --

6

7 !-- add the menu --

8 menu type=context id=mymenu

9 menuitem label=Refresh Post onclick=load（）； icon=/images/g/menuitem

10 menu label=Share on icon=/images/share_f

11 menuitem label=Twitter icon=/images/twitter_f onclick=goTo（//\' + tle + \': \' + ef）；/menuitem

12 menuitem label=Facebook icon=/images/facebook_f onclick=goTo（\'//\' + ef）；/menuitem

13 /menu

14 /menu

15 /section[page]

taset

这个API用来获得键值对的时候很有用：

比如：

1 div id=myDiv data-name=myDiv data-id=myId data-my-custom-key=This is the value/div

则通过下面这些可以获得键值对，这个用在jquery mobile中很实用：

1 // 获得元素

2 var element = tElementById（myDiv）；

目前总体来看 3

4 // 获得id

5 var id = ;

6

7 // 获得data-my-custom-key

8 var customKey = CustomKey;

9

10 // 设置新的值

11 CustomKey = Some other value;

stMessage API

这个居然在IE 8后就支持了，可以支持在不同domain的iframe中传递消息。

1 // From window or frame on domain 1, send a message to the iframe which hosts another domain

2 var iframeWindow = tElementById（iframe）。contentWindow;

3 stMessage（Hello from the first window!）；

4

5 // From inside the iframe on different host, receive message

6 dEventListener（message, function（event） {

7 if（igin == ） {

8 // Log out the message

9 g（ta）；

10

11 // Send a message back

12 stMessage（Hello back!）；

13 }

14 ]）；

tofocus

这个很简单了，自动focus到控件。

1 input autofocus=autofocus /

2 button autofocus=autofocusHi!/button

3 textarea autofocus=autofocus/textarea