Web Component: j-Importer

  • Info
  • HTML
  • JS
  • CSS
  • Meta


j-Import is a great component for importing HTML templates, scripts or styles according to the path and condition. The component can help with SPA applications because you can easily import templates, scripts or styles dynamically.


  • if {String} needs to contain a value
  • url {String} relative/absolute URL to a subpage or subpart
  • reload {String} a link to method in the global scope, it's executed if the condition is valid
  • cleaner {Number} (optional) idle time (in minutes) for running of cleaning (default: 0)
  • clean {String} (optional) a link to function, it's executed before the importer is cleaned
  • id {String} a custom identifier for replacing ~ID~ phrases in the imported HTML (default: empty)
  • NEW: singleton {Boolean} it handles only the one instance of importer according to the path + if + url (default: false)

New update:

j-Importer can contain <script type="text/html"> with a content which will be evaluated as HTML if the condition will be valid.

Good to know 1:

  • all ~PATH~ phrases will be replaced by config.path or config.if automatically
  • all ~ID~ phrases will be replaced by config.id automatically

Good to know 2:

If the part component isn't within scope then the value from the config.if will replace ? characters in all config keys.