实现了日志查询功能

static/js/main.js

@@ -22,16 +22,6 @@ function setupNavigation() {
             if (window.innerWidth < 768) {
                 closeSidebar();
             }
-            
-            // 页面特定初始化 - 保留这部分逻辑，因为它不会与hashchange事件处理逻辑冲突
-            const target = item.getAttribute('href').substring(1);
-            if (target === 'shield' && typeof initShieldPage === 'function') {
-                initShieldPage();
-            } else if (target === 'hosts' && typeof initHostsPage === 'function') {
-                initHostsPage();
-            } else if (target === 'logs' && typeof initLogsPage === 'function') {
-                initLogsPage();
-            }
         });
     });
     
@@ -119,15 +109,84 @@ function setupNavigation() {
     });
 }
 
+// 页面初始化函数 - 根据当前hash值初始化对应页面
+function initPageByHash() {
+    const hash = window.location.hash.substring(1);
+    
+    // 隐藏所有内容区域
+    const contentSections = [
+        document.getElementById('dashboard-content'),
+        document.getElementById('shield-content'),
+        document.getElementById('hosts-content'),
+        document.getElementById('query-content'),
+        document.getElementById('logs-content'),
+        document.getElementById('config-content')
+    ];
+    
+    contentSections.forEach(section => {
+        if (section) {
+            section.classList.add('hidden');
+        }
+    });
+    
+    // 显示当前页面内容
+    const currentSection = document.getElementById(`${hash}-content`);
+    if (currentSection) {
+        currentSection.classList.remove('hidden');
+    }
+    
+    // 更新页面标题
+    const pageTitle = document.getElementById('page-title');
+    if (pageTitle) {
+        const titles = {
+            'dashboard': '仪表盘',
+            'shield': '屏蔽管理',
+            'hosts': 'Hosts管理',
+            'query': 'DNS屏蔽查询',
+            'logs': '查询日志',
+            'config': '系统设置'
+        };
+        pageTitle.textContent = titles[hash] || '仪表盘';
+    }
+    
+    // 页面特定初始化 - 使用setTimeout延迟调用，确保所有脚本文件都已加载完成
+    if (hash === 'shield') {
+        setTimeout(() => {
+            if (typeof initShieldPage === 'function') {
+                initShieldPage();
+            }
+        }, 0);
+    } else if (hash === 'hosts') {
+        setTimeout(() => {
+            if (typeof initHostsPage === 'function') {
+                initHostsPage();
+            }
+        }, 0);
+    } else if (hash === 'logs') {
+        setTimeout(() => {
+            if (typeof initLogsPage === 'function') {
+                initLogsPage();
+            }
+        }, 0);
+    } else if (hash === 'dashboard') {
+        setTimeout(() => {
+            if (typeof loadDashboardData === 'function') {
+                loadDashboardData();
+            }
+        }, 0);
+    }
+}
+
 // 初始化函数
 function init() {
     // 设置导航
     setupNavigation();
     
-    // 加载仪表盘数据
-    if (typeof loadDashboardData === 'function') {
-        loadDashboardData();
-    }
+    // 初始化页面
+    initPageByHash();
+    
+    // 添加hashchange事件监听，处理浏览器前进/后退按钮
+    window.addEventListener('hashchange', initPageByHash);
     
     // 定期更新系统状态
     setInterval(updateSystemStatus, 5000);