首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

HTML事件属性--DOM

和onoffline在网络断线或者连线触发,可以控制电脑网络查看效果 9.onpagehide 当用户从网页离开触发,也可以理解成当窗口隐藏时运行脚本 刷新页面可以触发事件 demo查看 10.onpageshow...打开一个新页面或者刷新时候触发 demo查看 相当于onload,加载页面触发,但是在不同浏览器触发有所不同 第一次加载页面,onpageshow在ie浏览器中不触发,其他情况都触发 11.onresize...') } demo查看 注意:提交了之后会自动刷新页面,document和console触发内容会立刻刷新,一闪而过,只有alert能停留在页面上,等待点击确定 三、key...键盘事件 1.onkeydown 下任意键触发,包括系统按钮,箭头和功能键 demo查看 2.onkeypress 下任意字母数字键触发,但系统按钮,箭头和功能无法识别 3.onkeyup 松开任何之前键盘触发...4.onmousedown/onmouseup 当元素鼠标触发事件/鼠标释放触发事件 一个是下去瞬间就触发 一个是当鼠标被松开时候触发 onmouseup效果和onclick一样,因为

3.7K20

JSP 防止网页刷新重复提交数据

网页如何防止刷新重复提交与如何防止后退解决方法 提交后禁用提交按钮(大部分人都是这样做) 如果客户提交后,F5刷新怎么办?...(当然,这是在你客户端启用了JavaScript功能条件。) 如果客户后退,怎么办?...后来,看到竟然有那么多的人想要禁用这个后退按钮也就释然(想要禁用只有后退按钮,不包括浏览器前进按钮)。因为在默认情况,用户提交表单之后可以通过后退按钮返回表单页面(而不是使用“编辑”按钮!)...不过注意到,如果使用这种方法,虽然用户点击一后退按钮他不会看到以前输入数据页面,但只要点击两次就可以,这可不是我们希望效果,因为很多时候,固执用户总是能够找到绕过预防措施办法。     ...,是当用户提交第一次提交第一个页面,把插入数据库中记录自增长id号放到session里,当用户从第二个页面返回到第一个页面再一次提交页面就用session里值去数据库查,如果有这个id

11.5K20

nicegui功能代码基本组织方式

比如点击事件处理函数,应该放在其他地方 行10-18:点击按钮事件处理。 行11-12:收集界面上数据。 行15: 这里是关键!...比如,要求提交按钮只有在两个输入框都有内容,才可以被点击 现在看看怎么实现第二点: 行31:我们需要在其他事件中使用按钮,得定义变量"接住"按钮对象 行32:一开始禁用按钮 行28-29:绑定两个输入框变化事件...接下来我们将应用 nicegui 特有的页面局部区域刷新功能完成。 区域刷新 直觉来说,代码应该如下: 行37-41:遍历任务列表,创建每一行组件即可 但是很显然是不行。...所以我们稍微修改一: 行28-35:把遍历任务列表过程提取出来 行29:每次执行,先清空容器 行47-48:页面首次加载,得调用一(因为有可能第一次访问,就有以前保留任务列表) 当然,我们还需要在所有影响任务列表事件处理中...这里简单说一,直觉上你可能认为下面的代码没问题: 实际上,每个按钮事件中,获得 todo 总是列表中最后一个。

24210

JavaWeb防止表单重复提交几种方式

大家好,又见面了,是你们朋友全栈君。...一、表单重复提交常见应用场景 网络延迟情况用户多次点击submit按钮导致表单重复提交 用户提交表单后,点击【刷新按钮导致表单重复提交(点击浏览器刷新按钮,就是把浏览器上次做事情再做一次,因为这样也会导致表单重复提交...return true; } (3)、验证码 页面上添加验证码,不管验证输入正确与否,提交后均刷新验证码。...(5)、提交后重定向到一个提交成功页面 表单提交后跳转到另外一个成功页面。这样可以避免用户F5导致重复提交,浏览器也不会出现表单重复提交警告,以及消除浏览器前进和后退导致同样问题。...与此同时将token放到页面的隐藏input中,发给浏览器。用户在页面提交带着这个token一块提交到服务端,服务端通过比对token值。

2.1K20

防止用户将表单重复提交方法 原

表单重复提交是在多用户Web应用中最常见、带来很多麻烦一个问题。有很多应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。...之前文章曾说过用一些jQuery插件效果不错。 2.Post/Redirect/Get模式。在提交后执行页面重定向,这就是所谓Post-Redirect-Get (PRG)模式。...简言之,当用户提交了表单后,你去执行一个客户端重定向,转到提交成功信息页面。   ...这能避免用户F5导致重复提交,而其也不会出现浏览器表单重复提交警告,也能消除浏览器前进和后退导致同样问题。 3.在session中存放一个特殊标志。...当表单页面被请求,生成一个特殊字符标志串,存在session中,同时放在表单隐藏域里。接受处理表单数据,检查标识字串是否存在,并立即从session中删除它,然后正常处理数据。

1.9K20

工作汇报(3)

咱们言归正传回到kkitDeploy开发进度! 回顾了一咱们公众号文章,是在7月16号提出想法,到现在8月11号基本主线业务已经完成!...虽然有事总是断断续续,但是一直在坚持写! 基本主页面布局基本这样或许会改,看心情!单页面设计,简单粗暴方便,去除一些繁琐设计。...3、选择完毕后左侧配置文件实际情况修改,但是格式以及相关参数都写好了。还是我们之前推出一键部署脚本风格!...点击提交后后台自动扫描yml文件配置到前台供大家修改 修改完毕后,再提交,开始执行部署!日志会滚动打印在右侧空白处! 那么当我们在部署时候出现了nginx这个服务该怎么办呢?...他就是专门为这个服务 当我们修改完了,base.config和yml文件配置后,再勾选了配置按钮提交会弹出模态框让各位上传写好配置文件! 看到了嘛?

21930

用更优雅方式写产品文档

作为互联网公司产品经理,我们应该使用一种更加现代化、更加优雅方式去写产品文档。 最近在写产品文档,在此之前思考了一该使用什么工具。...工具或技术介绍 对于不了解技术朋友来说,看到这些英文单词会一头雾水,先简要介绍一它们。...我们来改一 docs 目录下 README.md 中文字试试。 保存后,刷新刚才页面,可以看到我们刚才改动已经生效了。...依次点击顶部菜单「版本->提交」,进入代码提交页面。 点击左上角全选,选中所有文件,同时在下面的输入框中填写这次提交内容,再点击右下角「确认」,就可以将这一次新增文件提交到暂存区。...至此,整个过程介绍完了,当我们在 Cloud Studio 中再次修改文档,就先提交再推送,这样就把每次修改都同步到了 CODING 代码仓库,而且可以查看每次提交版本。

1.4K31

这几天遇到关于IE6sql2008win2003奇怪bug

前一阵对公司网站购物车功能进行了改造,允许不同商家商品放到同一个购物车,下单自动商家来拆分订单。 本地测试一切正常,IE6/IE7/IE8均没问题。...部署到服务器上后试运行几天,有客户反馈说使用购物车下单,点击提交按钮后,多数时候不能正常生成订单,但也有少部分时候能正常。...但是过了二天,仍然有客户反馈这样,于是才重新思考这个问题,让其它还在用XP+IE6同事(非开发人员,普通销售/客服人员)帮忙测试下了几个单,果然如此,多数情况点击提交按钮后,页面只是刷新了一,并非生成订单...(从刷新情况来看,数据是提交了,但是貌似后端cs代码并未正确执行)而且出错场景很特殊,如果购物车里只有一个商家产品,一切正常,只有购物车里有多个商家产品,才可能出现下单失败。...改成点击提交,用JS设置Formaction,让其提交到B.aspx,然后把A.aspx.cs中相关代码移到B.aspx.cs中,重新编译部署到服务器,居然就解决了。

89560

JavaScript : 浅讲ajax1.ajax入门案例

1478763627140018779.jpg 1.ajax入门案例 1.1 搭建Web环境 ajax对于各位来说,应该都不陌生,正因为ajax产生,导致前台页面和服务器之间数据传输变得非常容易,同时还可以实现页面的局部刷新...: Paste_Image.png 1.4 基于get方式数据请求 当我们点击提交按钮,就alert()一,如果成功的话,那么说明点击事件没有问题。...如果是以往,我们都是通过form表单来进行提交,可是这样的话,就会有一个问题,就是页面刷新,而且代码也相对比较难懂。...现在浏览器一般都有调试功能,F12,调试界面就出来了。...比如,现在刷新页面 1478829216046091217.png 这么一刷新,首先服务器接收到是这么一个 URL: http://localhost/ajax/index.jsp 这就是一个请求

66650

【ssm个人博客项目实战06】博客类别的添加修改删除实现1、博客类别service层完善3、博客类别管理界面功能完善1、功能实现

}], 这一段代码是用户给我们分页显示添加对应工具条 ,也就是这个样子 ?...主要说一handler属性 当我们点击对应按钮 就应该会执行函数,那么这个函数实现写在哪里,那就是写在对应handler中, 所以我在对应handler中写上alert 测试一handler...如果大家还是不懂得话所以在easyui API手册中搜索toolbar 1、功能实现 说一实现思路 当我们点击添加按钮或者修改按钮 那么系统就会弹出一个对话框让我们输入对应信息,然后信息输入完毕,单击保存就会请求我们后台对应保存方法...Paste_Image.png 当我们点击添加或者修改按钮 我们是处于blogTypeMange.jsp中 所以我们需要完善这个页面其实能弹出对话框 <div id="dlg" class="easyui-dialog...只不过是请求<em>的</em>url不同 <em>当我</em>们点击不同<em>按钮</em> 设置不同<em>的</em>url即可 //定义全局url 用于修改与添加操作 var url; //省略其他代码 让url声明在第一行 /** * 添加或者修改博客类别

1.1K60

从一个需求来讲前端代码设计

,能保障功能瞬间可用,只需要在操作中添加一个“删除”按钮,点击按钮发起一次请求,当请求回来后调用一window.location.reload方法,刷新页面即可,这个方案可以在最短时间能完成功能...而window.location.reload刷新式体验,就比较糟糕了,操作任何一个事项,都要把页面刷新一次,对于要求比较高用户而言,这会让人家很崩溃,如果时间上稍微允许,可以选择一个折中方案,将获取列表请求封装成一个函数...,把这个函数传递给添加(Modal)和删除(Modal),当你使用添加(Modal)确认之后,会将待添加信息提交给服务端,服务端响应之后,调用一这个函数,这个函数又会去获取一次新列表,来局部刷新页面...在添加(Modal)确定提交服务端成功之后,调用一pushItem方法,将一条新数据push到原始数据数组中,然后再调用一renderHTML,重新渲染一次DOM。...在删除(Modal)删除提交服务端成功之后,调用一removeItem方法,这个方法传递一个参数,就是这一条数据在原始数据中下标值,使用.splice删除之后,再调用一renderHTML,重新渲染一次

69120

接口测试平台代码实现93:用例库name更改

在之前多接口用例开发中,发现了一个遗漏功能。 就是用例名字,没法进行更改。新建用例也只会变成空名字,没法更改很难受,这个问题困扰很多同学一段日子了。...首先打开P_cases.html 我们找到左侧步骤列表页面,因为这个页面是通过点击大用例设置按钮打开,所以理应在底部可以有针对大用例本身名称设置功能。...然后去urls.py: 最后是views.py: 现在重启服务,刷新页面,试一当我修改完,光标移开后,触发了保存名称功能,的确是保存成功了。...但是因为我们没有刷新页面,所以关闭了左侧窗体后,大用例列表上名字也并没有变化。...这里我们简单一点处理,当点击左侧步骤列表页面的关闭按钮后,刷新当前页面,我们把这个函数之前代码删掉,换上这句刷新: 然后再试试,发现没有违和感了。点击关闭后新用例名直接就是显示最新了。

35630

《论测试人员自我修养》

实际结果: 指按照以上操作步骤,最后得出结果是什么, 例如我点击“增加”按钮后出现白页,这就是实际结果; 4....预期结果: 指按照以上操作步骤,想要得到结果是什么,例如我点击“增加”按钮想要得到预期结果是提示“增加成功”提示; 5....一般情况,开发人员在提交BUG,“分派人”可指定对应处理人员,如果无法确定“分派人”,可分派给项目的负责人,然后由项目负责人进行二次分派给对应开发人员进行处理。...如:输入流程A,但实际流程处理中未能A流程处理数据;点击某按钮,应跳转增加页面,结果跳转成修改页面等)。...3.常规操作功能异常,如:结果与实际查询条件不一致、页面按钮点击没反应等。 4.功能项某些项目(可为所有控件)使用无效(对系统非致命)。

74410

软件测试——黑盒测试

testlogin008 忘记密码 点击找回忘记密码,根据提示找回了密码 进入找回密码页面 进入找回密码页面 testlogin009 记住 重新打开浏览器 密码自动保存 密码自动保存...点击题号 进入当前题目 进入当前题目 testloj005 选择提交反馈 点击提交反馈按钮 自动跳出当前系统邮件APP,当前页面不动 自动跳出当前系统邮件APP,跳转至未知页面 ?...能够看到相应提交结果 testloj010 检查代码编辑器 检查shift选中条目,ctrl选中条目和直接用鼠标选中多项条目的情况 能够选中相应位置代码,能够复制与粘贴 能够选中相应位置代码...,能够复制与粘贴 testoj011 滚动条上下移动 拖动滚动条,检查屏幕刷新情况,并查看是否有乱码 刷新正常,无乱码 刷新正常,无乱码 ?...图3.6 成绩查询页面 表3.6 成绩查询功能测试 编号 场景/条件 操作/输入(等价类) 预期结果 实际结果 testlsc001 选择其他页面按钮 点击其他页面按钮 转到其他页面 转到其他页面

4K21

Servlet第六篇【Session介绍、API、生命周期、应用、与Cookie区别】

首先我们来看一常见重复提交。 在处理表单Servlet中刷新。 后退再提交 网络延迟,多次点击提交按钮 下面的gif是后退再提交,在处理提交请求Servlet中刷新 ?...于是,我们可以使用javaScript来防止这种情况 要做事情也非常简单:当用户第一次点击提交按钮,把数据提交给服务器。当用户再次点击提交按钮,就不把数据提交给服务器了。 监听用户提交事件。..."> 好,我们来试一是不是真的可以解决网络延迟所造成多次提交表单数据,注意鼠标,已经点击过很多次了!...由于网络延迟造成多次提交数据给服务器,我们还可以使用javaScript代码这样解决:当我点击过一次提交按钮就把提交按钮隐藏起来。不能让用户点击了! 想要让按钮隐藏起来,也很简单。...显示页面是这样子 ? 我们来看一效果! ?

2.2K50

flask表单处理_html表单提交方法

大家好,又见面了,是你们朋友全栈君。 这里介绍一Flask表单提交相关方法,还是以代码实例为主。...首先,Flask模板中表单提交代码与我们一般写H5表单无异,当然,Flask也提供了表单类,Flask-WTF扩展。这里只介绍常规表单提交方法。 首先是模板类: <!...但以上程序有一个问题,当提交信息后,地址栏显示信息如下: 如果此时点击刷新按钮,那么会出现以下提示: 这不太友好,要解决这个问题可以使用重定向,Flask提供了redirect函数,用法如下: @app.route...,此时用户刷新页面也没有任何问题,但是名字没有传递到页面。...在进行表单提交操作,如果我们写错了用户名或者密码,页面往往会给出提示,Flask提供了很方便操作,即使用Flash消息。

2.2K20

WordPress记住评论用户信息js版本,直接操作cookie无视缓存

这两天一直在折腾博客评论功能,原因是开启了百度云加速 html 缓存,导致原有的记住评论者信息功能失效了,每次刷新文章页面,用户信息都会清空。...现在,博客可以放心开启前台整站 CDN 加速了,用户只要认真提交过一次评论,那么下次再来访问任意页面,将会自动填写评论用户信息。...>/saveinfo.js"> ③、修改 comments.php 编辑主题 comments.php 文件,找到提交留言按钮代码,在合适位置添加勾选框: <input type...现在,博客可以放心开启前台整站 CDN 加速了,用户只要认真提交过一次评论,那么下次再来访问任意页面,将会自动填写评论用户信息。...comments-ajax.js 合并; ③、已记住网站,如需修改更新用户信息,只需输入新信息,重新提交一次即可刷新 cookie; ④、如果评论框中存在重置(id 为 reset)按钮,那么只要点击重置就能清除已保存用户信息

1.6K50
领券