(function
($) {
// 创建通用脚本加载函数
const loadScript =
(url
) => {
return new Promise
((resolve, reject
) => {
$.getScript
(url
)
.done
(resolve
)
.fail
((jqxhr, settings, exception
) => {
reject
(new Error
(`脚本加载失败:
${url}`, { cause: exception }
));
}
);
}
);
};
// 页面路由配置
const routeConfig = {
"/KuCun
2/login
.html": [
'/KuCun
2/js/main
.js',
'/KuCun
2/js/login
.js'
],
"/KuCun
2/main/Guanli
.html": [
'/KuCun
2/js/main
.js',
'/KuCun
2/js/guanli
.js',
'/KuCun
2/main/
bootstrap-3
.3
.7-dist/js/FileSaver
.js',
'/KuCun
2/js/table
.js'
],
"/KuCun
2/index
.html": [
'/KuCun
2/js/main
.js',
'/KuCun
2/js/index
.js'
]
};
// 带缓存清除的加载函数
async function loadRouteScripts
() {
const pathName = window
.location
.pathname;
const scripts = routeConfig[pathName] || [];
try {
// 并行加载所有脚本（带时间戳防缓存）
await Promise
.all
(scripts
.map
(url =>
loadScript
(`
${url}?v=
${Date
.now
()}`
)
));
// 全部加载完成后执行页面初始化
await initializePageLogic
(pathName
);
} catch
(error
) {
console
.log
(error
)
console
.error
('关键脚本加载失败:', error
);
showSystemError
();
}
}
// 页面逻辑初始化
async function initializePageLogic
(pathName
) {
switch
(pathName
) {
case '/KuCun
2/login
.html':
// 确保 login
.js 的初始化代码已执行
await loginModule
.initialize
();
break;
case '/KuCun
2/main/Guanli
.html':
// 等待表格组件初始化
await MyTableModule
.ready();
// 执行原立即调用函数中的逻辑
await fetchAndRenderUserTable
();
break;
case '/KuCun
2/index
.html':
indexModule
.startAnalytics
();
break;
}
}
// 错误处理
function showSystemError
() {
document.body
.innerHTML = `
<div class="error-overlay">
<h
2>系统初始化失败</h
2>
<button onclick="location
.reload
()">重新加载</button>
</div>
`;
}
// 启动加载流程
$(document).ready(() => {
loadRouteScripts
();
}
);
}
)(jQuery
)
关键脚本加载失败: ReferenceError: indexModule is not defined
at initializePageLogic
(jsyilai
.js:79:14
)
at loadRouteScripts
(jsyilai
.js:54:16
)
博客指出$(document).ready在Bootstrap 2.0版本下会失效，涉及前端开发中JavaScript与Bootstrap框架的兼容性问题。
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
