用jquery $.getScript函数动态加载js

有时网页上的js过多就会让网页加载太慢,用户体验不好,我们可以使用jquery $.getScript函数动态加载我们需要的js文件

$("#load").click(function(){
	$.getScript('helloworld.js', function() {
  		$("#content").html('Javascript is loaded successful!');
	});
});

当点击 id为load的元素时就会加载helloworld.js这个文件

<html>
<head>
 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
</head>
<body>
  <h1>Load Javascript dynamically with jQuery</h1>
 
<div id="content"></div>
<br/>
 
<button id="load">Load JavaScript</button>
<button id="sayHello">Say Hello</button>
 
<script type="text/javascript">
 
$("#load").click(function(){
  $.getScript('js-example/helloworld.js', function() {
     $("#content").html('
          Javascript is loaded successful! sayHello() function is loaded!
     ');
  });
});
 
$("#sayHello").click(function(){
  sayHello();
});
 
</script>
</body>
</html>

“用jquery $.getScript函数动态加载js”的一个回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注