Load JS CSS
Dynamically load external JavaScript and/or Stylesheets into your page.
Useful when these assets are not statically known, but determined at runtime.
API Reference
Method | Returns | Description |
---|---|---|
loadJsCss.list(<resourceSpec[]> resources, <listOptions> options?) |
N/A | Loads the given list of resources. Each resource must specify its type field in resourceSpec . |
loadJsCss.js(<resourceSpec> resource) |
N/A | Loads the given script. |
loadJsCss.css(<resourceSpec> resource) |
N/A | Loads the given stylesheet. |
resourceSpec
Hash map / dictionary with following keys:
Key | Type | Description |
---|---|---|
type |
"script" or "stylesheet"
|
Used by loadJsCss.list to determine the type of resource. Must be specified for loadJsCss.list
|
path | String | URL (relative or absolute) to the resource. When relative, relative to the current script location. |
attrs? | Object | Hash map / dictionary of extra attributes to apply to the <script> or <link> tag. E.g. for SRI (integrity and crossorigin attributes). |
async? | Boolean | For script only. Default: false (in order to emulate defer attribute and maintain a more predictable behaviour, by ensuring execution order is the same as list order) |
listOptions
Hash map / dictionary with following keys:
Key | Type | Description |
---|---|---|
delayScripts | Number or false
|
Defer loading of scripts after stylesheets, by the given duration (in milliseconds). Useful to try to delay scripts execution after stylesheets are ready (but not bullet proof). |
License
This library is distributed under the ISC license.