他可以優化效率,請參考以下範例
循环中操作DOM效率很低
1var count = 1000;
2
3var begin = new Date().getTime();
4var end = begin;
5
6for (var i = 0; i < count; i++)
7{
8 var el = document.createElement('p');
9 el.innerHTML = i;
10 document.body.appendChild(el);
11}
12
13end = new Date().getTime();
14
15console.log("cost time: " + (end-begin));
先插入到碎片下,再将碎片插入到body。就能使效率提高!
1
2var count = 100;
3var begin = new Date().getTime();
4var end = begin;
5
6var frag = document.createDocumentFragment();
7
8for (var i = 0; i < count; i++)
9{
10 var el = document.createElement('p');
11 el.innerHTML = i;
12 frag.appendChild(el);
13}
14
15document.body.appendChild(frag);
16end = new Date().getTime();
document.querySelector('video').playbackRate = 4;
iframe的window (相當於能存取其script的方法,變數等等)
iframe.contentWindow
iframe中的document(主要用於DOM的操作)
可以用透過contentWindow得到
iframe.contentWindow.document
也能直接用contentDocument得到
iframe.contentDocument