jQuery Say Hello、自訂htmlEncode方法

Posted on Edited on In Views: Disqus:

 

個人認為這個範例可以當成是進階版的jQuery world學習範例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS Bin</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>

    <div>I'am 'div'</div>

    <script>
        function htmlEncode(value) {
            return $('<div/>').text(value).html();
        }

        (function () {
            $("div").text(htmlEncode("<p>a<p>"));
        })();
    </script>

</body>
</html>

JS Bin

此程式的目的為對一個指定輸入字串作htmlEncode

比較艱深的技術有in-memory、立即執行函數

 

參考資料：

htmlEncode、htmlDecode、UrlEncode、UrlDecode比較