JQ规范解析html字符串为DOM

function createDom(htmlText) {
    let filterRegExp = [ // 转dom之前的正则处理 replace
    // [[], ], // 将script和link等替换掉
        [['([a-zA-Z0-9\\-_]*?)="http', 'g'], 'zsl-$1="http'], // 先将http的替换zsl-前缀
        [['([a-zA-Z0-9\\-_]*?)="\\/\\/', 'g'], 'zsl-$1="//'], // 再为双杠开头的替换上zsl-前缀
    ];
    
    zslQ.each(filterRegExp, function(key, item) {
        let regExp = new RegExp(...item[0]);
        htmlText = htmlText.replace(regExp, item[1]);
    });
    // 解析页面获取评论
    let domElement = document.createElement('html'); // 创建文档碎片
    domElement.innerHTML = htmlText; // 将字符串转成DOM
    
    return zslQ(domElement); // 放到JQ里 
}

 

上一篇:前端面试题之什么是vue生命周期?vue生命周期详解(案例)


下一篇:js获取DOM对象的方法