javascript object

檔名:script.js


// 使用 JavaScript Object 定義 (非array, 非JSON)

var vjson =
[
  { pdate : '2014.01.20',
    title : '陶晶瑩《嗯嘛》',
    descr : 'a1',
    yuurl : 'http://www.youtube.com/embed/q4O_PovGTzo',
    rpost : 'b1'
  },
  { pdate : '2013.09.22',
    title : '溫嵐《眼淚知道》',
    descr : 'a2',
    yuurl : 'http://www.youtube.com/embed/mCsKGKJFY_8',
    rpost : 'b2'
  },
 

javascript object

檔名:script.js

{ pdate : '2013.09.14',
    title : '魏如昀《聽見下雨的聲音》',
    descr : 'a3',
    yuurl : 'http://www.youtube.com/embed/p-GxujMwlOM',
    rpost : 'b3'
  },
    ];

document.write('<table border="1">');
for(i=0; i<vjson.length; i++)
{
   var s_pdate = vjson[i].pdate;
   var s_title = vjson[i].title;
   var s_descr = vjson[i].descr;
   var s_yuurl = vjson[i].yuurl;
   var s_rpost = vjson[i].rpost;

javascript object

檔名:script.js


   
   document.write('<tr>');
   document.write('<td>' + i + '</td>');
   document.write('<td>' + s_pdate + '</td>');
   document.write('<td>' + s_title + '</td>');
   document.write('<td>' + s_descr + '</td>');
   document.write('<td>' + s_yuurl + '</td>');
   document.write('<td>' + s_rpost + '</td>');
   document.write('</tr>');
}
document.write('</table');

javascript object

...省略

<body>

  <script src="script.js"></script>

</body>

...省略

檔名:index.html

引入這支js

Made with Slides.com