requirejs.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>RequireJS - 调用模板演示</title>
  6. <script src="./js/require.js"></script>
  7. </head>
  8. <body>
  9. <div id="doc">loading..</div>
  10. <script>
  11. // 演示JSON数据
  12. var data = {
  13. title: '国内要闻',
  14. time: (new Date).toString(),
  15. list: [
  16. {
  17. title: '<油价>调整周期缩至10个工作日 无4%幅度限制',
  18. url: 'http://finance.qq.com/zt2013/2013yj/index.htm'
  19. },
  20. {
  21. title: '明起汽油价格每吨下调310元 单价回归7元时代',
  22. url: 'http://finance.qq.com/a/20130326/007060.htm'
  23. },
  24. {
  25. title: '广东副县长疑因抛弃情妇遭6女子围殴 纪检调查',
  26. url: 'http://news.qq.com/a/20130326/001254.htm'
  27. },
  28. {
  29. title: '湖南27岁副县长回应质疑:父亲已不是领导',
  30. url: 'http://news.qq.com/a/20130326/000959.htm'
  31. },
  32. {
  33. title: '朝军进入战斗工作状态 称随时准备导弹攻击美国',
  34. url: 'http://news.qq.com/a/20130326/001307.htm'
  35. }
  36. ]
  37. };
  38. require(['./tpl/build/template'], function (template) {
  39. document.getElementById('doc').innerHTML = template('index', data);
  40. });
  41. </script>
  42. </body>
  43. </html>