javascript - Script/Links tags vs AJAX loading -
i want load script tags , link tags. can follows
<script src="sample.js" type="text/javascript"></script> <link type="text/css" href="sample.css" rel="stylesheet"></link>
(or)
$.ajax({ url: 'sample.js', datatype: 'script', success: function(data) {}, error: function(data) {} });
but want know 1 best/secure way[generally].
i think can handle errors ajax loading or else have check onload function find whether scripts loaded , find whether links loaded need loop through document.stylesheets
.
any suggestions?
my main concern find whether scripts & links loaded , secured way , testing don't prefer code this.
as javascript files:
javascript has blocking nature. if going load multiple external js files on page 1 one, consider each loaded , executed. if error occurs while execution of javascript file can observe in developer console. unfortunately, javascript downloads still block downloading of other resources.
conclusion: place
<link>
tags before<script>
tags. it’s recommended place<script>
tags close bottom of<body>
tag possible
as css
files: check if stylesheet loaded little more in affair. here check existing(not loaded) css file jquery:
if (!$("link[href='sample.css']").length){ console.log('error while downloading sample.css'); $('<link href="sample.css" rel="stylesheet">').appendto("head"); }
to check if css
file loaded, use currentstyle
or window.getcomputedstyle
methods in pure javascript , search element known class or identifier (which exists in css
file)
Comments
Post a Comment