<menuitem label=”刷新页面” onclick=”window.location.reload();” icon=”http://huoche.7234.cn/images/jb51/j1oe0fvakq4.png”></menuitem>
<menu label=”分享到…” icon=”http://huoche.7234.cn/images/jb51/y250rnsj4fd.png”>
<menuitem label=”新浪微博” icon=”http://huoche.7234.cn/images/jb51/y250rnsj4fd.png” onclick=”window.location.href=’http://www.weibo.com'”></menuitem>
<menuitem label=”腾讯微博” icon=”http://huoche.7234.cn/images/jb51/j1oe0fvakq4.png” onclick=”window.location.href=’http://t.qq.com'”></menuitem></menuitem>
</menu>
</menu>
</section>
</div>
Element.dataset
数据集(dataset) API 允许开发者对DOM元素设置(set)和获取(get) 以 data- 前缀开头的属性值。
代码如下:
<div id=”intro” data-website=”www.csdn.net” data-id=”551996458″ data-my-name=”铁锚” data-blog-url=”http://blog.csdn.net/renfufei”></div>
function testDataset(){
//
var intro = document.getElementById(“intro”);
// 注意这个不是 id属性哦,是 data-id 的值
var id = intro.dataset.id;
// data-website
var website = intro.dataset.website;
// data-blog-url,驼峰命名法..
var blogUrl = intro.dataset.blogUrl;
// data-my-name
var myName = intro.dataset.myName;
//
var msg = “qq:”+id
+”,website:”+website
+”,blogUrl:”+blogUrl
+”,myName:”+myName
;
//
warn(msg);
};
没有什么好说的,和classList一样,简单却实用。(想一想,是否改变了后台和前台JS的某些交互以及解耦?)
window.postMessage API
IE8 已经支持 postMessage API 好几年了,此API允许window 和iframe 元素之间互相传递消息。
跨域支持哦。 代码如下:
// From window or frame on domain 1, send a message to the iframe which hosts another domain
var iframeWindow = document.getElementById(“iframe”).contentWindow;
iframeWindow.postMessage(“Hello from the first window!”);
// From inside the iframe on different host, receive message
window.addEventListener(“message”, function(event) {
// Make sure we trust the sending domain
if(event.origin == “http://davidwalsh.name”) {
// Log out the message
console.log(event.data);
// Send a message back
event.source.postMessage(“Hello back!”);
}
]);
// message 只允许string 类型的数据,然而您可以使用 JSON.stringify 以及 JSON.parse 传递更多有意义的消息。
autofocus Attribute
autofocus 属性确保当页面加载后,给定的 BUTTON,INPUT或者 TEXTAREA 元素能够自动获得焦点。









