{"json_modified": "2016-09-27T09:58:20.214191", "uuid": "e29b884d-e97d-48e0-b8d2-abe47960d183", "title": "JavaScript templates", "url": "/en-US/docs/JavaScript_templates", "tags": [], "translations": [], "modified": "2016-09-27T09:58:20", "label": "JavaScript templates", "localization_tags": [], "locale": "en-US", "id": 5136, "last_edit": "2016-09-27T09:58:19", "summary": "An alternative approach to XUL's own templating system is to use JavaScript templates.", "sections": [{"id": "By_syntax_style", "title": null}, {"id": "100_Standards-based_(no_custom_syntax)", "title": "100% Standards-based (no custom syntax)"}, {"id": "Pure_JavaScript_(JavaScript_function_calls_generate_HTML)", "title": "Pure JavaScript (JavaScript function calls generate HTML)"}, {"id": "Pure_HTML_(JavaScript_selectors_in_business_logic_find_normal_HTML_to_populate)", "title": "Pure HTML (JavaScript selectors in business logic find normal HTML to populate)"}, {"id": "XSL", "title": "XSL"}, {"id": "E4X", "title": "E4X"}, {"id": "Standards-friendly_(custom_attributes_or_embedding_syntax_but_uses_mostly_standard-compatible_approach)", "title": "Standards-friendly (custom attributes or embedding syntax, but uses mostly standard-compatible approach)"}, {"id": "XHTMLE4XXUL_with_Namespaced_custom_attributes_and_elements", "title": "X/HTML/E4X/XUL with Namespaced custom attributes and elements"}, {"id": "Pure_JavaScript_embedded_within_HTMLXML_design_logic_(ASPJSPPHP_or_curly_braces_style)", "title": "Pure JavaScript embedded within HTML/XML design logic (ASP/JSP/PHP or curly braces style)"}, {"id": "Custom_approach", "title": "Custom approach"}, {"id": "HTMLCurly_braces_with_custom_design_logic", "title": "HTML+Curly braces {} with custom design logic"}, {"id": "HTML_Non-namespaced_custom_elements_or_attributes", "title": "HTML + Non-namespaced custom elements or attributes"}, {"id": "ASPJSP-style_custom_design_logic_within_<...>", "title": "ASP/JSP-style custom design logic within <%...%>"}, {"id": "By_feature", "title": "By feature"}, {"id": "Transforming_an_entire_document_into_another_through_elementnode_matching_templates", "title": "Transforming an entire document into another through element/node matching templates"}, {"id": "XSL_2", "title": "XSL"}, {"id": "Generating_DOM_tree_via_JavaScript", "title": "Generating DOM tree via JavaScript"}], "slug": "JavaScript_templates", "review_tags": []}