南華大學圖資處 -教育訓練專區
南華大學 回首頁 English























 
首頁 > 載入一區塊範例2
Windows 雷達版 - 校務系統
工讀管理系統
活動管理系統
個人資料保護
校內分機查詢
其他常見問題
操作手冊
網頁圖表介紹
網頁載入News資訊

載入一區塊範例 載入一區塊範例2 載入一區塊範例3

<script src="https://www3.nhu.edu.tw/js/public/NewsBase.js"></script>

<table border="1" width="700" cellpadding="9" style="border-collapse: collapse" bordercolor="#C0C0C0">
    <tr>
        <td height="57" bgcolor="#81C784" colspan="2">
        <p align="center"><font size="4" color="#FFFFFF"><b>單位資訊公告</font></b></td>
    </tr>
    <tr>
        <td valign="top" width="100" align="center" bgcolor="#C0C0C0">日期</td>
        <td valign="top" align="center" bgcolor="#C0C0C0">標題</td>
    </tr>
    <tbody id="NewsTable1">
    </tbody>
</table>




<script>
  $(document).ready(function () {
    DataLoader.load({
      url: "https://nhuopendata.nhu.edu.tw/api/GetNews?W=80&T=533&L=10",
      target: "#NewsTable1", //網頁中唯一的id
      template: function (item) {
      //下方為自訂區塊內容
        return `
            <tr>
                <td valign="top" align="center">${formatDate(item.CreaterDate)}</td>
                <td valign="top"><a href="https://www3.nhu.edu.tw/Web/NewsDetail?mid=&nid=${item.NSID}" target="_blank">${item.NewsTitleCh}</a>                
                </td>
            </tr>
        `;
      }
    });
  });
</script>

單位資訊公告
日期 標題























 
109-4-24教育訓練