jquery tmpl

lcathm

于 2013-08-04 14:58:32 发布

阅读量542

点赞数

分类专栏： html

html 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简单电影列表渲染案例。通过JavaScript操作DOM，利用模板字符串将电影数据动态插入到HTML页面中。示例中包含了三个电影条目，并展示了如何从数组中读取数据并将其显示在网页上。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<
<script src="pp.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<ul id="movieList"></ul>  
  
<script id="movieTemplate" type="text/html">  
    <li><b>${Name}</b> (${ReleaseYear})</li>  
</script>  
  
<script type="text/javascript">  
    var movies = [  
        { Name: "The Red Violin", ReleaseYear: "1998" },  
        { Name: "Eyes Wide Shut", ReleaseYear: "1999" },  
        { Name: "The Inheritance", ReleaseYear: "1976" }  
    ];  
  
    // Render the template with the movies data and insert  
    // the rendered HTML under the "movieList" element  
    dd = $( "#movieTemplate" ).tmpl( movies )  
        .appendTo( "#movieList" );  
		console.log(dd);
</script> 
</body>
</html>

这里的pp.js就是app.min.js，

http://justcoding.iteye.com/blog/1553602/