recherche

Maison >interface Web >js tutoriel >Comment jquery charge dynamiquement les fichiers js/css

Comment jquery charge dynamiquement les fichiers js/css

php中世界最好的语言
php中世界最好的语言original
2018-04-23 14:41:111164parcourir

jqueryLe fichier getSrcript intégré ne peut charger dynamiquement que du code js, mais ne peut pas charger du css. Plus tard, j'ai écrit un programme qui peut charger du js et du css

Regardons d'abord. jquery lui-même Le fichier getSrcript avec la méthode 

$.getScript(url,callback)

instance 

var testVar = 'New JS loaded!';
alert(testVar); function newFun(dynParam) {
alert('You just passed '+dynParam+ ' as parameter.');
}

appelle dynamiquement la méthode 

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$('#loadButton').click(function(){
$.getScript('new.js',function(){
newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>

ci-dessus ne peut se charger que dynamiquement js, mais je n'ai pas pu charger css. Plus tard, j'ai écrit un programme capable de charger js et css. 

$.extend({
include
Path: '',
include: function(file)
{
var files = typeof file == "
string
" ? [file] : file;
for (var i = 0; i < files.length; i++)
{
var name = files[i].replace(/^s|s$/g, "");
var att = name.split(&#39;.&#39;);
var ext = att[att.length - 1].toLowerCase();
var isCSS = ext == "css";
var tag = isCSS ? "link" : "script";
var attr = isCSS ? " type=&#39;text/css&#39; rel=&#39;stylesheet&#39; " : " language=&#39;javascript&#39; type=&#39;text/javascript&#39; ";
var link = (isCSS ? "href" : "src") + "=&#39;" + $.includePath + name + "&#39;";
if ($(tag + "[" + link + "]").length == 0) 
document
.write("<" + tag + attr + link + "></" + tag + ">");
}
}
});
$.include(['hpbox.js','pop_win.css']);

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez faire attention au site Web php chinois Autres articles connexes !

Lecture recommandée :

Explication détaillée des étapes pour implémenter le téléchargement de fichiers avec Jquery+LigerUI

Explication détaillée du chargement dynamique de jquery js fichiers

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

php jquery css JS
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée des étapes pour lire json avec jQueryArticle suivant：Explication détaillée des étapes pour lire json avec jQuery

Articles Liés

Voir plus