For example, I have profile page and select with ‘About’, ‘Photos’, ‘Videos’ section etc., and I don’t want to refresh page each time I change section, I want just to change the content of container with Javascript. Sure it wouldn’t be handy to write markup of pages in Javascript file, and my idea would be to write div’s of each view and display only one of them:
<div id="about>About content</div>
<div id="photos" style="display: none;">Photos content</div>
However, I think there are better ways to do it, because I don’t like keeping hidden views on the page. Also in most cases content in views should be generated by script, so it’s looks like job for a template engine, but I’m not sure there are such in Javascript.
So what would be the best way to implement this in Javascript. I hope my idea is clear. Thanks in advance!
Try use mustache it is a template engine for javascript.
Also, you can use AngularJS templates (dynamically loaded into page on demand)
It is very easy to use. (However contains other things you might not want.. but should want 😉 )