Skip to content

Latest commit

 

History

History
66 lines (45 loc) · 1.66 KB

Readme.md

File metadata and controls

66 lines (45 loc) · 1.66 KB

scriptloader

Absurdly simple on-demand script loader.

Installation

npm/browserify

$ npm install scriptloader

component

$ component install timoxley/scriptloader

API

var load = require('scriptloader')
load('//my-widget.js') // load js from current domain
load('//remote.com/their-widget.js') // load js from remote domain

// returns the script. you can listen for load/error on this directly
load('//cdnjs.cloudflare.com/ajax/libs/json3/3.2.4/json3.min.js').addEventListener('load', function() {
  console.log('it is loaded')
})

// or just supply a callback
load('//cdnjs.cloudflare.com/ajax/libs/json3/3.2.5/json3.min.js', function(err, script) {
  console.log('it is loaded')
})

// you can also specify a target document where you want the script to be loaded
load(iframe.contentWindow.document, '//cdnjs.cloudflare.com/ajax/libs/json3/3.2.5/json3.min.js', function(err, script) {
  console.log('it is loaded')
})

What is this sorcery?

scriptloader appends a script tag to your document.body with the src attribute set to the script you desire to load.

Why not just domify to add a script tag?

Interesting problem. Unfortunately we can't use domify to do this since <script> src attributes don't trigger remote loading if they're created using innerHTML, which is how domify works.

TODO

  • Consider removing <script> after it loads?
  • Investigate script's async attribute.

Contributors

License

MIT