热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

php按钮点击后消失,javascript,_点击button添加标签后,添加的标签闪一下没有了?,javascriptphpStudy...

点击button添加标签后,添加的标签闪一下没有了?点击按钮添加标签如下:但是点击添加后标签闪了下又消失了(gif录不进去,但确实添加进去

点击button添加标签后,添加的标签闪一下没有了?

点击按钮添加标签如下:

但是点击添加后标签闪了下又消失了(gif录不进去,但确实添加进去有没有了),与此同时URL后面多了个问号,可以点击后退按钮了....

这是为什么呢?与什么有关?

demo链接

html

确认兴趣爱好

Javascript

var $ = function(x){

return document.querySelector(x);

};

var $a = function(id){

return document.getElementById(id);

};

function addEvent(element,type,handler){

if(element.addEventListener){

element.addEventListener(type,handler,false);

}else if (element.attachEvent) {

element.attachEvent('on'+type,handler);

}else{

element['on'+type] = handler;

}

}

var arrHobby=[];

function displayHobby(){

var hobby = $('textarea').value.trim();

arrHobby.push(hobby);

renderHobby();

}

function clickKeyup(){

addEvent($('button'),'click',displayHobby);

}

function renderHobby(){

var hobbyList='';

for(var item in arrHobby){

hobbyList += '' + arrHobby[item] +'';

}

$a('hobby_list').innerHTML = hobbyList;

}

function init(){

clickKeyup();

renderHobby();

}

init();

相关阅读:

如何将IPV6转化成IPv4;

有类似于ztree的树形结构的插件嘛

html页面跳转时,如何不受根目录的影响?

Javascript作用域问题

@font-face使用无效

微信小程序的AppID设置权限

webpack通过webpack-dev-server来启动一个服务器时报错,cannot find module open

vue-cli 构建项目不识别vue命令

express-session框架解读一点疑问

闲置电脑如何配置服务器且绑定已有域名

DOMException:Failed to execute‘texImage2D’

魅族下微信浏览器点击input和textarea不会自动弹上去,被键盘盖住

请教关于mysql分组查询统计数据的问题

js array push 前面的null三个为空 没保存下啊

js 中变量前加$符号通常表示哪种变量?

wamp里的mysql怎么做出这个

逗号当分号用了?

Windows系统中如何获取快捷方式文件对应的程序路径?

完全无法理解我这里为什么会报错啊

关于Javascript特效



推荐阅读
  • 本文详细介绍了一种利用 ESP8266 01S 模块构建 Web 服务器的成功实践方案。通过具体的代码示例和详细的步骤说明,帮助读者快速掌握该模块的使用方法。在疫情期间,作者重新审视并研究了这一未被充分利用的模块,最终成功实现了 Web 服务器的功能。本文不仅提供了完整的代码实现,还涵盖了调试过程中遇到的常见问题及其解决方法,为初学者提供了宝贵的参考。 ... [详细]
  • 如何在Linux服务器上配置MySQL和Tomcat的开机自动启动
    在Linux服务器上部署Web项目时,通常需要确保MySQL和Tomcat服务能够随系统启动而自动运行。本文将详细介绍如何在Linux环境中配置MySQL和Tomcat的开机自启动,以确保服务的稳定性和可靠性。通过合理的配置,可以有效避免因服务未启动而导致的项目故障。 ... [详细]
  • com.sun.javadoc.PackageDoc.exceptions()方法的使用及代码示例 ... [详细]
  • 使用jqTransform插件美化表单
    jqTransform 是由 DFC Engineering 开发的一款 jQuery 插件,专用于美化表单元素,操作简便,能够美化包括输入框、单选按钮、多行文本域、下拉选择框和复选框在内的所有表单元素。 ... [详细]
  • 1.创建目录mkdir-phomerocketmqnamesvr1data&&mkdir-phomerocketmqnamesvr1log&&mkdir-phomerocketm ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 如何在Java中使用DButils类
    这期内容当中小编将会给大家带来有关如何在Java中使用DButils类,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。D ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • MySQL Decimal 类型的最大值解析及其在数据处理中的应用艺术
    在关系型数据库中,表的设计与SQL语句的编写对性能的影响至关重要,甚至可占到90%以上。本文将重点探讨MySQL中Decimal类型的最大值及其在数据处理中的应用技巧,通过实例分析和优化建议,帮助读者深入理解并掌握这一重要知识点。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 优化后的标题:深入探讨网关安全:将微服务升级为OAuth2资源服务器的最佳实践
    本文深入探讨了如何将微服务升级为OAuth2资源服务器,以订单服务为例,详细介绍了在POM文件中添加 `spring-cloud-starter-oauth2` 依赖,并配置Spring Security以实现对微服务的保护。通过这一过程,不仅增强了系统的安全性,还提高了资源访问的可控性和灵活性。文章还讨论了最佳实践,包括如何配置OAuth2客户端和资源服务器,以及如何处理常见的安全问题和错误。 ... [详细]
  • 本文探讨了使用JavaScript在不同页面间传递参数的技术方法。具体而言,从a.html页面跳转至b.html时,如何携带参数并使b.html替代当前页面显示,而非新开窗口。文中详细介绍了实现这一功能的代码及注释,帮助开发者更好地理解和应用该技术。 ... [详细]
  • 本文介绍了如何利用ObjectMapper实现JSON与JavaBean之间的高效转换。ObjectMapper是Jackson库的核心组件,能够便捷地将Java对象序列化为JSON格式,并支持从JSON、XML以及文件等多种数据源反序列化为Java对象。此外,还探讨了在实际应用中如何优化转换性能,以提升系统整体效率。 ... [详细]
  • 深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]
  • 秒建一个后台管理系统?用这5个开源免费的Java项目就够了
    秒建一个后台管理系统?用这5个开源免费的Java项目就够了 ... [详细]
author-avatar
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有