码迷,mamicode.com
首页 > 其他好文 > 详细

$.getScript()方法

时间:2017-04-20 20:01:24      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:style   each   head   学生   title   button   function   name   src   

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>1111</title>
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
<p><input type="button" id="send" value="加载"/></p>
<div id="resText">
<h4>已有评论:</h4>
</div>
</div>

<script type="text/javascript">
$(function(){
$("#send").click(function() {
$.getScript("test.js");
});
})
</script>
</body>
</html>

加载的test.js文件,代码如下

var comments=[
{
"name" : "黎明",
"msg" : "学生"
},
{
"name" : "小丽",
"msg" : "学生"
},
{
"name" : "大华",
"msg" : "学生"
},
{
"name" : "李丽",
"msg" : "学生"
},
{
"name" : "李静",
"msg" : "学生"
}
];
var html="";
$.each(comments,function(index, comment) {
html +="<div class=‘comment‘><h5>"+comment[‘name‘]+"</h5><p>"+comment[‘msg‘]+"</p></div>"
});
$("#resText").append(html);

$.getScript()方法

标签:style   each   head   学生   title   button   function   name   src   

原文地址:http://www.cnblogs.com/linjing-blog/p/6740155.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!