第一个常用内置转换器: $.views.converters.html()
$.views.converters.html()是内置的HTML编码器,像这样使用:
var myHtmlEncodedString = $.views.converters.html(myString);
除了这种方式外,也可以使用如下的两种方式来声明一个converter
{{html:myExpression}} {{>myExpression}}
实际上{{>...}}和{{html...}}的功能是完全一样的,只是提供了一种更为简单的方式来编码HTML。
实例:
<!DOCTYPE html> <html> <head> <link href="../css/samples.css" rel="stylesheet"/> <script src="../jquery/jquery-2.0.3.js"></script> <script src="../jsviews/jsviews.js"></script> </head> <body> <button id="show">Show result</button> <script> var value = "< > ' \" &"; var result = $.views.converters.html(value); $("#show").on("click", function() { alert(result); }); </script> </body> </html>
HTML的encode规则:
& → &
< → <
> → >
\x00 → �
' → '
" → "
` → `
============================================================================
第二个常用的内置转换器:$.views.converters.attr()
如果需要对属性进行encode的时候,就可以使用该转换器。像这样使用:
var myAttributeEncodedString = $.views.converters.attr(myString);
除此之外,还可以这样使用:
{{attr:myExpression}}
实例:
<!DOCTYPE html> <html> <head> <link href="../css/samples.css" rel="stylesheet"/> <script src="../jquery/jquery-2.0.3.js"></script> <script src="../jsviews/jsviews.js"></script> </head> <body> <button id="show">Show result</button> <script> var value = "< > ' \" &"; var result = $.views.converters.attr(value); $("#show").on("click", function() { alert(result); }); </script> </body> </html>
1. 实际上{attr: ...}} and {{html: ...}}具有相同的功能。
2. 这样使得当HTML需要encode时,可以对attribute进行encode,从而可以避免未信任数据的危险注入。
3. 使用下面的schema进行encode:
& → &
< → <
> → >
\x00 → �
' → '
" → "
` → `
============================================================================
第三个有用的内置转换器:$.views.converters.url()
该转换器主要用于对url进行encode,可以这样使用:
var myUrlEncodedString = $.views.converters.url(myString)
除此之外,也可以使用这样的方式来声明该转换器:
{{url:myExpression}}
<!DOCTYPE html> <html> <head> <link href="../css/samples.css" rel="stylesheet"/> <script src="../jquery/jquery-2.0.3.js"></script> <script src="../jsviews/jsviews.js"></script> </head> <body> <button id="show">Show result</button> <script> var value = "<_>_\"_ "; var result = $.views.converters.url(value); $("#show").on("click", function() { alert(result); }); </script> </body> </html>
相关推荐
NULL 博文链接:https://josh-persistence.iteye.com/blog/1914697
NULL 博文链接:https://josh-persistence.iteye.com/blog/1916759
NULL 博文链接:https://josh-persistence.iteye.com/blog/1915730
jquery 插件 高性能的js模板引擎
jquery 插件 高性能的js模板引擎,jquery-jsrender.js
jquery.fireworks.js 插件描述:jquery-fireworks.js是一款基于HTML5 Canvas的逼真烟花特效jQuery插件。该插件使用简单,并可自由进行配置。它可以在一个div容器中生成逼真的燃放...
jquery-3.0.0.js 、jquery-3.0.0.min.js 【官方jquery包 js】
jQuery圆角插件:jquery.corners.js
jquery.form.js jquery.form.js
jquery上传文件和参数封装的js:jquery.form.js,可用于单文件、上文件上传以及携带参数
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jquery.color.js
jquery.cookie.js,jquery-1.11.0.min.js,respond.min.js, bootstrap.min.js,html5shiv.js
jquery.media.js
jquery.cookie.js下载 jquery.cookie.js下载
jquery.validate.js jquery.validate.js
jquery.pagination.js 下载,优秀的jquery分页插件,使用IP代理国外网站下载而来
jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】
jquery-1.9.1.js 、jquery-1.9.1.min.js 【jquery包 js】
jquery刷新页面和JS常用的函数。另外jQuery实现跨域调用的问题可以联系我。