| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>HTML5 Shiv</title>
- <link rel="stylesheet" href="style.css">
- <script src="../src/html5shiv-printshiv.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
- </head>
- <body>
- <div id="time"></div>
- <section>This sentence is in a green box <mark>with these words highlighted</mark>.</section>
- <script>
- function addDom(){
- var div, frag, fragDiv, divFrag, divFragDiv;
- div = document.createElement('div');
- div.innerHTML = '<section>This native javascript sentence is in a green box <mark>with these words highlighted</mark>?</section>';
- frag = document.createDocumentFragment();
- frag.appendChild(div);
- div.innerHTML += '<section>This native javascript sentence is also in a green box <mark>with these words highlighted</mark>?</section>';
- document.body.appendChild(frag);
- frag = document.createDocumentFragment();
- fragDiv = frag.appendChild(document.createElement('div'));
- fragDiv.innerHTML = '<section>This native javascript sentence is in a green box <mark>with these words highlighted</mark>?</section>';
- document.body.appendChild(fragDiv);
- jQuery(document.body).append('<section>This jQuery 1.6.4 sentence is in a green box <mark>with these words highlighted</mark>?</section><section>This jQuery 1.6.4 sentence is in a green box <mark>with these words highlighted</mark>?</section>');
- }
- var time = document.getElementById('time');
- var cur = new Date().getTime();
- for(var i = 0; i < 1000; i++){
- addDom();
- }
- time.innerHTML = new Date().getTime() - cur;
- </script>
- <body>
- </html>
|
