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