『您的瀏覽器不支援JavaScript功能,若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態』
imgevent

跳到主要內容區塊 :::

:::

示警元件

何謂示警元件?

示警元件是以JavaScript元件庫的方式進行設計,可提供各網站開發者掛載,以顯示本平台所提供的最新示警訊息,元件本身提供低限度的自訂方式,讓使用者選擇元件版型、預設底色作為搭配選擇。

常見問題
  • Big-5網頁出現亂碼解決方案 示警元件採用Unicode編碼,若您的網頁使用big-5編碼,則容易出現亂碼,建議解決方式如下:
    1. 1.不要將示警元件直接引用於big-5編碼之網站頁面。
    2. 2.另行編輯UTF-8之html檔,並儲存於對外網路空間。
    3. 3.以iframe方式存取上步驟之HTML對外網址。
使用說明
  • 使用方式 建立一個網頁資源檔案(.htm、.html),<head> </head> 內引入示警元件的資源檔案(Javascrit資源檔),然後在<body> </body>網頁區塊內建立一個<div> </div>區塊,給予該div一個有命名規則的ID,此ID將影響你在網頁上呈現的大小以及的示警類類別的選擇。
  • 版面說明 示警元件1.0版提供5種寬、高版面規格:300 X 100、300 X 250、180 X 110、180 X 155、180 X 350。
  • 類型說明 「共通示警協議標準」中定義嚴重代碼程度區分為5種嚴重程度等級,包括:
    1. Extreme(非常嚴重的威脅)
    2. Severe(嚴重的威脅)
    3. Moderate(有威脅)
    4. Minor(很小的威脅)
    5. Unknown(未知)
    示警元件1.0版由前述5種嚴重程度區分為以下2種類型,並提供全台灣、各縣市2種不同地域性質的示警訊息。
    1. 一般示警:包含嚴重代碼為Extreme、Severe、Moderate、Minor、Unknown等全台灣的示警訊息。
    2. 高嚴重示警:包含嚴重代碼為Extreme等全台灣的示警訊息。
  • 版面、類型命名規則 不同的版面指派給 <div> </div>區塊的ID也不一樣,參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則也不一樣,請參照以下規則:
    1. 一般示警(全台灣):
      <div> </div>區塊的ID命名規則為capInfo300250,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CAP300250_CapInfo.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。
    2. 高嚴重示警(全台灣):
      <div> </div>區塊的ID命名規則為capInfo300250_Extreme,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoExtreme_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。
    3. 一般示警(縣市別):
      <div> </div>區塊的ID命名規則為capInfo300250_Normal_66,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoNormal_66_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。66為縣市代碼(代碼說明表)
    4. 高嚴重示警(縣市別):
      <div> </div>區塊的ID命名規則為capInfo300250_Extreme_66,而參考的  <head> </head>內引入示警元件的資源檔案 (Javascrit資源檔)命名規則為CapInfoExtreme_66_300250.js,其中300250為樣版寬高規則,可自行至換寬高為 (300100、180110、180155、180350)。66為縣市代碼(代碼說明表)
  • 樣式說明 示警元件會依照情境顯示不同之底色,說明如下:
    平時無示警狀態→底色顯示綠色。
    無示警狀態
    平時有示警狀態→底色顯示黃色。
    有示警狀態
    正值災害應變期間→底色顯示紅色。
    災害應變期間
元件參照表
一般示警 高嚴重示警
300X100 全台灣
script CAP300100_CapInfo.js
DIV capInfo300100
台北市
script CapInfoNormal_63_300100.js
DIV capInfo300100_Normal_63
全台灣
script CapInfoExtreme_300100.js
DIV capInfo300100_Extreme
台北市
script CapInfoExtreme_63_300100.js
DIV capInfo300100_Extreme_63
300X250 全台灣
script CAP300250_CapInfo.js
DIV capInfo300250
台北市
script CapInfoNormal_63_300250.js
DIV capInfo300250_Normal_63
全台灣
script CapInfoExtreme_300250.js
DIV capInfo300250_Extreme
台北市
script CapInfoExtreme_63_300250.js
DIV capInfo300250_Extreme_63
180X110 全台灣
script CAP180110_CapInfo.js
DIV capInfo180110
台北市
script CapInfoNormal_63_180110.js
DIV capInfo180110_Normal_63
全台灣
script CapInfoExtreme_180110.js
DIV capInfo180110_Extreme
台北市
script CapInfoExtreme_63_180110.js
DIV capInfo180110_Extreme_63
180X155 全台灣
script CAP180155_CapInfo.js
DIV capInfo180155
台北市
script CapInfoNormal_63_180155.js
DIV capInfo180155_Normal_63
全台灣
script CapInfoExtreme_180155.js
DIV capInfo180155_Extreme
台北市
script CapInfoExtreme_63_180155.js
DIV capInfo180155_Extreme_63
180X350 全台灣
script CAP180350_CapInfo.js
DIV capInfo180350
台北市
script CapInfoNormal_63_180350.js
DIV capInfo180350_Normal_63
全台灣
script CapInfoExtreme_180350.js
DIV capInfo180350_Extreme
台北市
script CapInfoExtreme_63_180350.js
DIV capInfo180350_Extreme_63
縣市名 縣市代碼
連江縣 09007
金門縣 09020
宜蘭縣 10002
彰化縣 10007
南投縣 10008
雲林縣 10009
屏東縣 10013
臺東縣 10014
花蓮縣 10015
澎湖縣 10016
基隆市 10017
新竹市 10018
臺北市 63
新北市 65
臺中市 66
臺南市 67
桃園市 68
苗栗縣 10005
新竹縣 10004
嘉義市 10020
嘉義縣 10010
高雄市 64

範例
  • 一般示警(全台灣)元件介接範例
    一般示警(全台灣)元件介接範例程式:
    <html>
      <head>
       <script type="text/javascript" src="https://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CAP300250_CapInfo.js"></script>
      <!--   如果你的網站不需要SSL驗證請引用底下前置詞為http 的script資源   -->
       <script type="text/javascript" src="http://alerts.ncdr.nat.gov.tw/temp/StaticFiles/Immediately/CAP300250_CapInfo.js"></script>
      </head>
      <body>
       <div id="capInfo300250" >
       </div>
      </body>
    </html>

    DEMO 畫面

    • 停水
      停水
      2023-05-30,08:15│台灣自來水公司
      新福加壓站故障維修 more...
    • 停水
      停水
      2023-05-30,08:07│台灣自來水公司
      依據台水防漏字第1090035388號及冶水防漏字第1090038054號辦理,溪湖-秀水鄉民意街93巷等管線改遷 WR-112-1111-0003管線汰換及用戶外線改接,計畫於於112/05/30日上午09:00時至下午18:00時施工停水,請用戶貯水備用,遇雨延順,造成不便請見諒。 more...
    • 停水
      停水
      2023-05-30,08:02│台灣自來水公司
      破管搶修(神岡區庄前路30號) more...
    • 高溫
      高溫
      2023-05-30,07:26│中央氣象局
      颱風外圍沉降影響,今(30)日白天臺中市、臺南市近山區或河谷為橙色燈號,有38度極端高溫出現的機率,請加強注意。 more...
    • 高溫
      高溫
      2023-05-30,07:26│中央氣象局
      颱風外圍沉降影響,今(30)日白天高雄市近山區或河谷為橙色燈號,有連續出現36度高溫的機率,請加強注意。 more...
    • 高溫
      高溫
      2023-05-30,07:26│中央氣象局
      颱風外圍沉降影響,今(30)日白天嘉義市、金門縣地區,彰化縣、南投縣、雲林縣、嘉義縣、屏東縣近山區或河谷為黃色燈號,請注意。 more...
    • 颱風
      颱風
      2023-05-30,05:30│中央氣象局
      4SEA2MAWAR瑪娃2023-05-29T21:00:00+00:0020.20,125.304353945300中度颱風TYPHOON2023-05-30T21:00:00+00:0021.40,124.804050950300中度颱風 瑪娃(國際命名 MA... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:05│疾病管制署
      肯亞年達魯阿郡某小學於5/17爆發不明原因疾病,於1週內累計報告達19例,其中1例死亡,症狀包含劇烈頭痛、胸痛及胃痛,目前已排除霍亂並持續檢驗中;此地西方之卡卡梅加郡,於數週前1所學校亦曾報告4例因食物污染死亡病例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,14:58│疾病管制署
      自2020年截至今年5月28日,全球累計768,013,259例確診,其中7,055,123例死亡,病例分布於201個國家/地區。2023年第20週平均新增確診數以西太平洋(49.1%)、美洲(26.5... more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:00│疾病管制署
      自2022年5月截至今年5/26全球累計110國(/地區)報告87,599例確診病例,其中143例死亡。本週全球新增76例,分布於西太平洋區44例、美洲區21例、歐洲區10例、東地中海區1例;亞太鄰近國家日本新增14例、韓國10例。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:01│疾病管制署
      全球小兒麻痺根除倡議組織(GPEI)公布,5/18-5/24剛果民主共和國新增3例cVDPV1病例及9例cVDPV2病例;環境陽性樣本部分,分別為阿富汗新增1件WPV1、馬達加斯加新增3件cVDPV1及阿爾及利亞新增1件cVDPV2。 more...
    • 國際旅遊疫情
      國際旅遊疫情
      2023-05-29,15:02│疾病管制署
      印度奧迪沙邦甘賈姆縣(Ganjam)5月下旬爆發不明原因疾病,症狀包括高燒、虛弱,累計影響20餘人,其中半數為幼童,已報告1例3歲幼童死亡,當地交通不便且醫療資源缺乏,當局已於5/22協助採檢送驗並予以初步治療。 more...