JavaScript (初始尝试): 上述代码的意图是，当年份为2022时，id="element1"的脚本应加载js/change1.js；当年份为2023时，加载js/change2.js。然而，正如前面所解释的，这种方法不会按预期工作。尽管您可能在浏览器开发者工具中看到src属性确实发生了变化，但相关的JavaScript文件并不会被重新加载或执行。 立即学习“Java免费学习笔记（深入）”； 要实现根据年份动态执行不同代码逻辑的需求，最可靠和推荐的方法是预先加载所有可能的代码逻辑（或将其定义在同一个文件中），然后根据条件判断来调用相应的函数。这种方法确保了所有代码都在页面加载时被解析，而我们只是在运行时控制哪个代码块被执行。 以下是实现此功能的优化方案： HTML 结构:
HTML部分保持简洁，不再需要一个空的src的脚本标签来占位，所有逻辑将通过主JavaScript文件来管理。 JavaScript (推荐方案):
将所有年份相关的逻辑封装成独立的函数，并在主逻辑中根据当前年份调用它们。var yearly = document.getElementById("element1");
var refreshStatus = () => {
const today = new Date();
let year = today.getFullYear();
if (year == 2022) {
yearly.src ="js/change1.js"; // 尝试修改src
}
if (year == 2023) {
yearly.src ="js/change2.js"; // 尝试修改src
}
}
// 首次运行
refreshStatus();
// 每天更新一次
setInterval(refreshStatus, 86400000); // 86400000 毫秒 = 1 天解决方案：基于条件判断的函数调用
// 定义不同年份对应的功能函数
function element1 () {
// 2022年的特定逻辑
console.log("执行2022年的逻辑！");
alert("It's 2022!");
}
function element2 () {
// 2023年的特定逻辑
console.log("执行2023年的逻辑！");
alert("It's 2023!");
}
/**
* 根据当前年份刷新状态并执行相应逻辑
*/
var refreshStatus = () => {
const today = new Date();
let year = today.getFullYear();
if (year === 2022) {
element1(); // 调用2022年的函数
} else if (year === 2023) {
element2(); // 调用2023年的函数
} else {
// 可选：处理其他年份或默认情况
console.log(`当前年份是 ${year}，没有特定逻辑需要执行。`);
}
}
// 页面加载时立即运行一次，以设置初始状态
refreshStatus();
// 设置定时器，每天更新一次（86400000毫秒 = 24小时）
// 注意：在实际应用中，如果逻辑不依赖于秒级或分钟级变化，
// 每天运行一次通常足够，避免不必要的资源消耗。
setInterval(refreshStatus, 86400000);方案详解与注意事项
