热门标签 | 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特效



推荐阅读
  • Ihaveaforminadirectivetemplate:我在指令模板中有一个表单:<formn ... [详细]
  • 用Vue实现的Demo商品管理效果图及实现代码
    本文介绍了一个使用Vue实现的Demo商品管理的效果图及实现代码。 ... [详细]
  • 表单提交前的最后验证:通常在表单提交前,我们必须确认用户是否都把必须填选的做了,如果没有,就不能被提交到服务器,这里我们用到表单的formname.submit()看演示,其实这个对于我们修炼道 ... [详细]
  • Itwasworkingcorrectly,butyesterdayitstartedgiving401.IhavetriedwithGooglecontactsAPI ... [详细]
  • 但有时候,需要当某事件触发时,我们先做一些操作,然后再跳转,这时,就要用JAVASCRIPT来实现这一跳转功能。下面是具体的做法:一:跳转到新页面,并且是在新窗口中打开时:复制代码代码如下:fu ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • 本文介绍了Redis的基础数据结构string的应用场景,并以面试的形式进行问答讲解,帮助读者更好地理解和应用Redis。同时,描述了一位面试者的心理状态和面试官的行为。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • PHP中的单例模式与静态变量的区别及使用方法
    本文介绍了PHP中的单例模式与静态变量的区别及使用方法。在PHP中,静态变量的存活周期仅仅是每次PHP的会话周期,与Java、C++不同。静态变量在PHP中的作用域仅限于当前文件内,在函数或类中可以传递变量。本文还通过示例代码解释了静态变量在函数和类中的使用方法,并说明了静态变量的生命周期与结构体的生命周期相关联。同时,本文还介绍了静态变量在类中的使用方法,并通过示例代码展示了如何在类中使用静态变量。 ... [详细]
  • 模板引擎StringTemplate的使用方法和特点
    本文介绍了模板引擎StringTemplate的使用方法和特点,包括强制Model和View的分离、Lazy-Evaluation、Recursive enable等。同时,还介绍了StringTemplate语法中的属性和普通字符的使用方法,并提供了向模板填充属性的示例代码。 ... [详细]
  • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
  • get()方法用于拦截某个属性的读取操作,如果没有该属性的时候会报一个undefined的,如果结果get处理会返回对应的错误信息varperson{name:张三 ... [详细]
  • [JavaScript] 多数前端工程师都没注意到的一个关于console.log()的坑
    [JavaScript]多数前端工程师都没注意到的一个关于console.log()的坑请阅读以下代码并猜测结果:functiontest(){le ... [详细]
  • 用JavaScript实现的太空人手表
    用JavaScript实现的太空人手表-JS写的太空人手表,没有用canvas、svg。主要用几个大的函数来动态显示时间、天气这些。天气的获取用到了AJAX请求。代码中有详细的注释 ... [详细]
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社区 版权所有