Scripting inside HTML imports

gistfile1.js

// the scripts inside of the import reference it's containing document
var import = document.currentScript.ownerDocument;

// the main document references itself
var doc = document;

// now we can grab things we need from the imported document and clone them into the main document
// here we are grabbing the styles from the imported document and adding them to the main page
var styles = import.querySelector('link[rel="stylesheet"]');
doc.head.appendChild(styles.cloneNode(true));