Comment jquery charge dynamiquement les fichiers js/css-js tutoriel-php.cn

Comment jquery charge dynamiquement les fichiers js/css

php中世界最好的语言

Libérer： 2018-04-23 14:41:11

original

1144 Les gens l'ont consulté

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)

Copier après la connexion

instance

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

Copier après la connexion

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>

Copier après la connexion

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']);

Copier après la connexion

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!