javascript实现htmlencode()与htmldecode()函数

youcijibi

于 2021-07-30 14:34:53 发布

阅读量1.4k

点赞数

分类专栏：每日总结 php js

本文链接：https://blog.youkuaiyun.com/youcijibi/article/details/119247112

版权

每日总结同时被 3 个专栏收录

412 篇文章

订阅专栏

php

232 篇文章

订阅专栏

68 篇文章

订阅专栏

本文介绍了在layui中使用lay-search时，如何通过htmlencode和htmldecode函数处理下拉框搜索值中的&nbsp;字符，以确保正确显示。提供了解决方案和示例代码片段，适用于点击事件和全局点击处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用layui的过程中需要使用到了下拉框的lay-search，当点击搜索时值中的 被原样显示了，所以需要进行处理。

要么 repalce掉，要么decode为空格。

decode与encode的实现：

function htmlencode(s){
    var div = document.createElement('div');
    div.appendChild(document.createTextNode(s));
    return div.innerHTML;
}
function htmldecode(s){
    var div = document.createElement('div');
    div.innerHTML = s;
    return div.innerText || div.textContent;
}

程序中的使用：

<script>
    function htmldecode(s) {
        var div = document.createElement('div');
        div.innerHTML = s;
        return div.innerText || div.textContent;
    }
    $(function(){
        $('body').on('click','.layui-select-title input',function () {
            var b = htmldecode($(this).val());
            // c=b.replace(/[&\|\\\*^%$#@\-]/g,"");
            $(this).val(b);
        })
    });
</script>

当点击其他地方仍有问题时：当然也可以只用下面这一段，因为下面是整个dom中的点击

   $(document).click(function () {
            var va = $('.layui-select-title input').val();
            var b = htmldecode(va);
            $('.layui-form-select input').val(b)
        });