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

点击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特效