html用控制台操控网页,用console 控制台操作网页事件

var appendHTML=function(el, html){var divTemp = document.createElement("div"), nodes = null

//文档片段，一次性append，提高性能

, fragment =document.createDocumentFragment();

divTemp.innerHTML=html;

nodes=divTemp.childNodes;for (var i=0, length=nodes.length; i

fragment.appendChild(nodes[i].cloneNode(true));

}

el.appendChild(fragment);//据说下面这样子世界会更清净

nodes = null;

fragment= null;

};

function showMessage(message,type,time) {

let str= ''

switch(type) {case 'success':

str= '

' +

''+message+'

'

break;case 'error':

str= '

' +

''+message+'

'}

str=''+str;

appendHTML( document.querySelector('body') , str );

setTimeout(function () {

document.querySelector('body').removeChild(document.querySelector('.'+type+'-message'));

},time)

}

showMessage('添加成功','success',2000)