养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

html中按回退如何刷新

时间:2024-09-29 11:38:26

在使用HTML创建页面时,添加form表单元素,利用按钮事件进行提交,然后按回退进酚祯馄嫱行刷新。这个功能该如何实现?

html中按回退如何刷新

工具/原料

HTML5

JavaScript

HBuilderX

CSS3

截图工具

浏览器

PPT2019

台式机

方法/步骤

1、打开HBuilderX工具,新建一个Web项目,并创建静态页面HTML5

html中按回退如何刷新

2、接着在body标签元素内,插入一个form表单元素,有input和button

html中按回退如何刷新

3、在title标签下方,添加style标签,设置div和button按钮的样式

html中按回退如何刷新

4、保存代码并打开浏览器预览页面效果,可以查看到表单元素

html中按回退如何刷新

5、在script标签内,添加window.onload事件,并插入一个隐藏域,调用w坡纠课柩indow.location.reload()

html中按回退如何刷新

6、再次保存代码并预览界面,输入内容然后点击提交按钮,提交后按回退,查看页面是否刷新

html中按回退如何刷新

© 一点知识