用console 控制台操作网页事件

2021-01-20 21:12

阅读：389

标签：lin 图片 switch append ESS class sina ide end

打开浏览器控制台：

var js = window.document.createElement(‘script‘);
js.setAttribute(‘src‘, ‘https://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js‘);
js.onload = function() {
    $(‘#item1‘).html(‘test html‘)
};
window.document.head.appendChild(js);

js message()

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; i1) {
       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 = ‘\n‘ +
                    ‘    ‘+message+‘
‘
                break;
            case ‘error‘:
                str = ‘\n‘ +
                    ‘    ‘+message+‘
‘
        }

str=‘‘+str;
        appendHTML( document.querySelector(‘body‘) , str );
        setTimeout(function () {
            document.querySelector(‘body‘).removeChild(document.querySelector(‘.‘+type+‘-message‘));
        },time)
    }

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

View Code

用console 控制台操作网页事件

标签：lin 图片 switch append ESS class sina ide end

原文地址：https://www.cnblogs.com/xiangsj/p/13305102.html

上一篇：ASP.NET Core-允许跨域（CORS）

下一篇：vue实现浏览器端大文件分块上传

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：用console 控制台操作网页事件
文章链接：http://soscw.com/index.php/essay/44704.html

亲，登录后才可以留言！

用console 控制台操作网页事件

评论

热门文章

推荐文章

最新文章

置顶文章