如何使用jQuery getScript
jQuery .getScript()方法使用GET HTTP方法从服务器加载一个JavaScript文件,然后执行它。
语法:
$.getScript(url,[callback])
让我们看一个例子来了解这个方法是如何工作的。
例子:在这个例子中,我们将使用一个URL来从服务器上加载JavaScript文件‘color.js’。该文件的功能是用来给我们的网页添加动画。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align: center">
<h2 id="heading">GeeksforGeeks</h2>
<p>jQuery | getScript() method</p>
<button id="button">click here</button>
<script>
/* The getScript method is called
by passing url to load color.js
and calling a function to add
color animations on our page */
.getScript(
"https://code.jquery.com/color/jquery.color.js",
function () {
// Selecting button and adding event to it.
("#button").click(function () {
$("#heading")
.animate({ backgroundColor: "rgb(0, 255, 0)" },
500);
});
});
</script>
</body>
</html>
输出: