JS页面设计怎么显示和刷新指定DIV
用JS设计一个页面，我们经常需要在页面上实时显示当前时间，比如“现在是XXXX年XX月XX日XX点XX分XX秒”。哎呀，这其实没那么复杂，你可以直接用JavaScript来实现动态显示，做到秒秒钟都更新，保证信息实时鲜活。为了让页面看起来更流畅漂亮，我们通常会写成单独的JS文件，好处是可以把结构和行为分开，代码也更清晰，这样维护起来贼方便！
至于刷新页面中的某个小区域，比如指定DIV，也很简单。大招来了：
- 把更新DIV内容的代码写成一个函数，比如
Load()，它里边用document.getElementById("divID").innerHTML = ...来刷新内容。 - 想刷新的时候，直接调用
Load()这个函数，不必刷新整个页面，超级省流量又不卡。 - 页面加载完成时用
$(Load());调用，或者执行完某个Ajax请求也可以再调用，灵活又实用。
这样一来，你的页面看起来就特别顺滑，又不会出现整页白屏卡顿的情况，用户体验立马up！
JS代码放在HTML的哪？页面跳转咋写才正确
说到JS代码放哪里，其实也不难。一般来说，JS可以放在HTML的<head>或者<body>标签之间，但它们的作用不太一样：
- 如果JS里有需要页面编译前自动执行的代码，那就放到
<head>，让浏览器提前加载。 - 如果JS要操作页面里的元素，一定得等它们加载完才运行，就放到在
</body>之前，页面底部是最靠谱的。 - 如果JS的函数只是通过点击按钮或者事件触发，那头尾都能放，按个人习惯来。
至于网页跳转，这里也是有几招：
- 直接用
window.location.href = "目标URL"，这招简单粗暴，一调用马上跳转过去。 - 也可以用
window.location.assign("新页面地址")，效果类似，但语义更明确。 - 假如你要返回上一页，用
window.history.back()就搞定。 - 另外，如果用控制器（controller）来处理页面跳转，也挺常见的，可以在JS里先跳转到后端控制器，再由它决定去哪。
真的，通过这些方法，跳转页面简直so easy，操作起来还特别灵活！
相关问题解答
-
JS刷新DIV内容时为什么不要刷新整个页面呢?
哎，这个很好理解啦！整个页面刷新那就是reload，页面白屏卡顿，用户体验爆差。直接刷新DIV，内容秒更新，流畅得不要不要的，用户立刻感受到变化，就像换了个新衣服一样爽！ -
为什么要把JS代码放在页面底部才靠谱?
嘿，这主要是因为你得等页面元素全加载完才操作它们嘛。要是JS跑在头部，页面元素还没出现就去操作，不就报错？想想看，一切顺利，才不怕乱套，页面底部就是个安全区啦！ -
用JS跳转页面，有什么区别用location.href和location.assign吗?
其实它们功能差不多，都能跳转，但是assign语义上更正式一点，开发者偏爱用它做明确跳转。href就是直接改掉URL，跳得也快，按个人喜好用都行，代码小白也能轻松用，真心没压力！ -
用单独的JS文件和直接写在HTML里，哪个更好?
打个比方，单独文件就是把厨房和客厅分开，干净整洁不乱；写在HTML里就是厨房和客厅混一起，简单但容易乱。要做大工程，自然分开写结构清晰，维护方便；小测试或者简单页面，直接写HTML里也挺方便省事哟！
本文来自作者[司马元霜]投稿，不代表新知探坊号立场，如若转载，请注明出处：https://www.zglxfj.com/syzn/202511-V5jZP9irOI0.html
评论列表（3条）
我是新知探坊号的签约作者“司马元霜”
本文概览：JS页面设计怎么显示和刷新指定DIV 用JS设计一个页面，我们经常需要 在页面上实时显示当前时间 ，比如“现在是XXXX年XX月XX日XX点XX分XX秒”。哎呀，这其实没那么复...
文章不错《JS页面设计和刷新DIV JS跳转页面位置选择和写法》内容很有帮助