permalink

1

New JavaScript HTML5 Report Format

This is a new type of HTML5 report that breaks the normal conventional techniques of generating a HTML page. Instead of using a server programming and template language to generate the HTML on the server, the data is simply embedded as JSON, unaltered inside the tag:

<script id="dto" type="text/json">{jsondto}</script>

Because of the browser behaviour of the script tag, you can embed any markup or javascript unescaped. Unless it has none or a ‘javascript’ type attribute, the browser doesn’t execute it letting you to access the contents with:

document.getElementById('dto').innerHTML

 

New JavaScript HTML5 Report Format

From there, javascript invoked just before the closing body tag (i.e. the fastest time to run DOM-altering javascript) which takes the data, builds up a html string and injects the generated markup in the contents of the page.

Source Website

1 Comment

  1. Pingback: Tweets that mention New JavaScript HTML5 Report Format - Nuefolio Magazine -- Topsy.com

Leave a Reply

Required fields are marked *.