JavaScript 對話框插件推薦：artDialog 輕量、無依賴、API 簡潔

專案需要彈窗確認、輸入、載入中等交互，原生 alert/confirm/prompt 樣式固定且阻塞主線程，體驗極差。推薦 artDialog：體積小（壓縮後約 8KB）、無第三方依賴、支援模態/非模態、拖拽、關閉回調、皮膚切換，適合快速接入。

核心優勢

• 零依賴：不需 jQuery、Zepto 等庫，原生 JS 即可運行。
• 豐富 API：dialog({title, content, ok, cancel, lock, drag, ...}) 鏈式調用。
• 皮膚機制：內建多款主題，亦可自定 CSS 完全控制外觀。
• iframe 跨頁面通訊：dialog.open(url, options) 輕鬆嵌入外部頁面並傳值。

快速上手

<script src="artDialog.js"></script>
<script>
// 簡單確認框
dialog({
  title: '提示',
  content: '確定要刪除這條記錄嗎？',
  ok: function() { console.log('用戶點擊確定'); },
  cancel: function() { console.log('用戶取消'); }
});

// 載入中遮罩
var loading = dialog({content: '處理中...', lock: true});
setTimeout(() => loading.close(), 2000);
</script>

獲取途徑

官方下載：CSDN 下載鏈接（或 GitHub 搜尋 aui/artDialog 獲取最新版）。

替代方案對比

結語

若專案追求輕量、零依賴、快速上手，artDialog 是不二之選；若偏好現代 Promise 風格與動畫，可考慮 SweetAlert2。根據團隊技術棧與設計規範選型即可。