Spécifie un style CSS inline à un élément
La méthode getScript() charge un fichier JavaScript à partir du serveur à l'aide d'une requête HTTP GET, puis l'exécute
La méthode getScript() est utilisée pour obtenir et exécuter un JavaScript à l'aide d'une requête AJAX HTTP GET.
Syntaxe
$(sélecteur).getScript(url,success(réponse,statut))
| Paramètre | Description |
|---|---|
| URL | Obligatoire. Spécifie l'url qui reçoit la requête |
| Success(Réponse,Statut) |
Facultatif. Spécifie la fonction à exécuter si la requête
réussit Paramètres supplémentaires :
|
Le JavaScript utilisé pour cet exemple se trouve ici JavaScript
Exemple : Copier le code
<!DOCTYPE html>
<html>
<head>
<title>jQuery demo </title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getScript("demo_script.js");
});
});
</script>
</head>
<body>
<button>Utiliser Ajax pour appeler et exécuter un
JavaScript</button>
</body>
</html>
Exemple : Copier le code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery demo </title>
<style>
.block {
background-color: blue;
width: 200px;
height: 100px;
margin: auto;
} </style>
<script
src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<button>Exécuter » </button>
<div class="block"></div>
<script>
$.getScript("http://api.jquery.com/scripts/jquery.color.js",
function() {
$("button").click(function(){
$(".block").animate( { backgroundColor: "pink"
}, 1000)
.delay(500)
.animate( { backgroundColor:
"blue" }, 1000);
});
});
</script>
</body>
</html>