31 lines
849 B
HTML
31 lines
849 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<script>
|
||
|
|
var start;
|
||
|
|
var dom;
|
||
|
|
|
||
|
|
function run() {
|
||
|
|
if (dom) {
|
||
|
|
dom.parentNode.removeChild(dom);
|
||
|
|
}
|
||
|
|
|
||
|
|
dom = document.createElement('div');
|
||
|
|
var result = document.createElement('div');
|
||
|
|
dom.appendChild(result);
|
||
|
|
document.body.appendChild(dom);
|
||
|
|
|
||
|
|
start = Date.now();
|
||
|
|
|
||
|
|
for (var i = 0; i < 100; i++) {
|
||
|
|
var iframe = document.createElement('iframe');
|
||
|
|
iframe.style.width = '200px';
|
||
|
|
iframe.style.height = '30px';
|
||
|
|
dom.appendChild(iframe);
|
||
|
|
var content = iframe.contentWindow.document.createTextNode('hello, world');
|
||
|
|
iframe.contentWindow.document.body.appendChild(content);
|
||
|
|
iframe.contentWindow.document.body.style.overflow = 'hidden';
|
||
|
|
}
|
||
|
|
|
||
|
|
result.innerHTML = 'Done! ' + (Date.now() - start) + ' ms';
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<input type="button" value="Go!" onclick="run()">
|