第二步是注入行为。JavaScript的DOM操作是基本功，`document.getElementById`、`querySelector`、`addEventListener`，这三个方法用熟，你已经能实现80%的交互需求。举个例子，你想做一个点击展开的折叠菜单，逻辑就三步：监听点击事件→判断当前状态→切换对应元素的样式或内容。别急着上框架，原生写法能帮你理解浏览器到底在干什么。

有意思的是，很多人以为动态网页必须刷新页面才能看到变化，其实不然。Ajax技术能让浏览器在后台悄悄请求数据，然后只更新局部区域。你刷微博时下拉加载新内容，页面并没有整个闪一下——那就是Ajax在干活。实现它并不神秘，`fetch`函数几行代码就能搞定：

fetch('data.json') .then(res => res.json()) .then(data => {  document.getElementById('list').innerHTML = data.map(item => `<li>${ item.name}</li>`).join(''); });

这段代码从服务器拉取JSON数据，然后动态生成列表项。注意模板字符串里的反引号，那是ES6语法，能让你在字符串里直接嵌变量，比老式的字符串拼接清爽得多。

当然，光会写脚本还不够，你得懂一点“状态管理”的思维。动态页面最怕的就是数据和显示不同步。假设你有个计数器，点击加一，按钮上的数字要跟着变。如果直接改数字文本，刷新页面后数字会重置——因为状态没被保存。这时候要么用`localStorage`存到浏览器本地，要么把数据交给后端。初学者最容易忽略这个环节，结果做出“假动态”页面：看着能交互，一刷新就露馅。

调试环节也别跳过。按F12打开开发者工具，Console面板会告诉你哪里报错，Network面板能看请求是否成功。我习惯在关键步骤加`console.log`输出中间值，比如点击后先打印当前状态，再执行修改。这比盲改代码高效得多，毕竟动态网页的bug往往藏在异步逻辑里——你以为顺序执行，实际上回调函数晚了一步。

最后说点实在的。动态网页制作的门槛不高，但陷阱不少。命名规范要统一，不然变量多了自己都懵；代码注释写清楚，两周后回看你可能忘了当初为什么这么写。还有，别一股脑把所有功能塞进一个HTML文件，学会拆成独立的CSS和JS文件，维护时你会感谢自己。

对了，刚才那个时间戳问题，最后的解法其实很简单：把脚本挪到``标签之前，或者用`DOMContentLoaded`事件包起来。你看，动态网页的坑往往不在技术难度，而在你对页面加载顺序的理解。搞懂这个，你就能睡个安稳觉了。