loadjs
Version:
Tiny async loader for modern browsers
46 lines (41 loc) • 1.24 kB
HTML
<html>
<head>
<script src="assets/log.js"></script>
<script src="assets/loadjs/loadjs.js"></script>
<script>
loadjs("//cdn.muicss.com/mui-0.9.41/css/mui.min.css", {
success: function() {
log('example1: mui.min.css triggered success (OK)');
},
error: function() {
log('example1: mui.min.css triggered error (FAIL)');
}
});
loadjs("//cdn.muicss.com/mui-0.9.41/css/mui-doesntexist.min.css", {
success: function() {
log('example2: mui-doesntexist.css triggered success (FAIL)');
},
error: function() {
log('example2: mui-doesntexist.css triggered error (OK)');
}
});
loadjs('assets/fontcss-doesntexist.css', {
success: function() {
log('example3: font-doesntexist.css triggered success (FAIL)');
},
error: function() {
log('example3: font-doesntexist.css triggered error (OK)');
}
});
</script>
</head>
<body>
<div class="mui-container">
<div class="mui-panel">
<h1>My Title</h1>
<button class="mui-btn mui-btn--primary mui-btn--raised">My Button</button>
</div>
</div>
</body>
</html>