返回列表

HTML转码小工具及export default

默认分类 2019/06/16 10:30

HTML转码小工具:

var HtmlUtil = {
    /*1.用浏览器内部转换器实现html转码*/
    htmlEncode:function (html){
        //1.首先动态创建一个容器标签元素,如DIV
        var temp = document.createElement ("div");
        //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)
        (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);
        //3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了
        var output = temp.innerHTML;
        temp = null;
        return output;
    },
    /*2.用浏览器内部转换器实现html解码*/
    htmlDecode:function (text){
        //1.首先动态创建一个容器标签元素,如DIV
        var temp = document.createElement("div");
        //2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持)
        temp.innerHTML = text;
        //3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。
        var output = temp.innerText || temp.textContent;
        temp = null;
        return output;
    }
}

// var decodeHTML = HtmlUtil.htmlDecode
// var encodeHTML = HtmlUtil.htmlEncode
var { htmlDecode: decodeHTML , htmlEncode: encodeHTML  } = HtmlUtil

export {
    decodeHTML,
    encodeHTML
}

// export { ...HtmlUtil } // 这种写法错误

// export { decodeHTML: HtmlUtil.htmlDecode, encodeHTML: HtmlUtil.htmlEncode  } // 这种写法居然也错误,没太想明白

// // modules.js
// function add(x, y) {
//   return x * y;
// }
// export {add as default};
// // 等同于
// // export default add;
//
// // app.js
// import { default as foo } from 'modules';
// // 等同于
// // import foo from 'modules';


>> 留言评论