之前因为写一些验证，会在挪用告成或者掉败后用到一些动静提示框，但找了很多了没找到对照合适的，对付一些框架中的组件觉得用着也不是很便利，于是本身用js写了一个简单的提示框，代码如下：

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<length; i+=1) { 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 = ‘<div>\n‘ + ‘ <span>‘+message+‘</span></div>‘ break; case ‘error‘: str = ‘<div>\n‘ + ‘ <span>‘+message+‘</span></div>‘ } str=‘<style>.animation{animation:mymove 3s forwards ;-webkit-animation:mymove 3s forwards;}@keyframes mymove{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}@-webkit-keyframes mymove{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:0;}}</style>‘+str; appendHTML( document.querySelector(‘body‘) , str ); setTimeout(function () { document.querySelector(‘body‘).removeChild(document.querySelector(‘.‘+type+‘-message‘)); },time) } showMessage(‘添加告成‘,‘success‘,2000)

https://blog.csdn.net/qq_42095753/article/details/90347845

AJAX挪用完成后的动静提示框