首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >点击button页面重新加载刷新

点击button页面重新加载刷新

作者头像
王小婷
发布2025-05-19 12:45:46
发布2025-05-19 12:45:46
32100
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

今天遇到一个问题,在弹窗里面,点击提交按钮的时候,会出现一次页面刷新,本身网页的背景颜色设置为深蓝色,这一次刷新就会出现闪白屏的效果。 算是一个bug

一开始不知道是什么情况。后面发现了,原来是自己的button按钮出现的问题

我是这样写的

代码语言:javascript
代码运行次数:0
运行
复制
<button>添加</button>

细心的小伙伴可能发现了,我没有给给button添加type=“button”属性

修改一下

代码语言:javascript
代码运行次数:0
运行
复制
<button type=“button”>添加</button>

原因:在form表单里的button,不给button添加type属性,点击按钮,button默认为submit,点击按钮页面会重新加载刷新。

好了,现在 给button添加type=“button”后,点击按钮页面就不会自动重新加载刷新了。

再次打开,点击按钮,白屏闪现的问题不见了

总结:细心是多么的重要呀

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档