共计 827 个字符,预计需要花费 3 分钟才能阅读完成。
:hover 鼠标悬浮在具有这个属性的标签上就会出现变化,使当前标签具有 hover 所描述属性
众所周知 Web 前端页面主要由 HTML/CSS/Javascript 组成,当要通过与用户的交互实现各种功能时,就需要向后台提交一些数据或者操作。在 Web 世界里各种实现眼花缭乱,但究其根本,不外乎三种方式,这也是由前端脚本、浏览器与后台交互规则决定的。
这是 HTML 支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新。
可以在网页的链接附上需要提交的参数,当用户点击链接后,浏览器发起向链接的访问,从而也把链接附带的参数提交到后台,这种方式提交后页面也会刷新。
Javascript 支持 ajax 方式创建 HTTP 请求,可以通过在 HTML 页面元素的事件处理函数中创建 ajax 请求,在 url 参数里携带所需提交的参数,从而提交到后台,这种方式提交后页面不会刷新。
在实际 Web 页面中,我们要根据实际用户交互的需要来选择合适的提交方式。
1、如果需要使用一些的表单类型用户输入,比如文本框、单选框、下拉框,那么可以选择第 1 种和第 3 种方式,如果希望提交后页面刷新就选第 1 种,如果不希望提交后页面刷新就选第 3 种。
2、如果不需要表单类型输入,那么可以选择第 2 种和第 3 种方式,如果希望提交后页面刷新就选第 2 种,如果不希望提交后页面刷新就选第 3 种。
3、多个 form,或者多个提交按钮对应一个 form 都完全没有问题。当然,要注意的是,多个 form 的话,每次提交,页面只会接收到提交的那个 form 的值。form 不可以嵌套,每个 form 放个隐藏域,提交时隐藏域也会提交,你根据不同的隐藏域值执行不同的操作。