`

jquery.html方法转义$ < >

 
阅读更多

比如有这样的hltml代码:

<a id="pcmobile" class="" " href="javascript:void(0);">PC&MOBILE</a>
<aid="test" href="javascript:void(0);"><</a>
如果直接用
$("#pcmobile").html()方法,那取得的值默认被浏览器转义了,原来的&变成了&amp;。所以a标签里面的值变成PC&amp;MOBILE。
同样的,<被转义成&lt;,>被转义成&gt;。
有时候为了防止xss注入,这种转义是有必要的,但是,如果不想被转义,解决方案很简单,不用html()方法 ,改成
text()方法就行了.如$("#pcmobile").text()。
 
分享到:
评论

相关推荐

    JS及JQuery对Html内容编码,Html转义

    话不多说,请看代码: /** JQuery Html Encoding、Decoding * 原理是利用JQuery自带的html()和text()函数可以转义Html字符 ...*/ [removed][removed] [removed] //Html编码获取Html转义... return $('&lt;div&gt;').text(va

    JQuery对id中含有特殊字符的转义处理示例

    有时在处理html时, 为了和php结合的方便, 会利用数组a[]这里的id,或者id中包含其他特殊字符比如 /@ 等为了利用jquery获取该元素, 需要转义特殊字符 直接上例子 代码如下: &lt;div id=”a[]”&gt;kkkkkk&lt;/div&gt; [removed] //...

    JQuery 风格的HTML文本转义

    JQuery社区有人给出了办法:假设有文本 context,可以对一个jQuery对象 $(x)进行 $(x).text(context).html(),就会返回一个转义后的文本。 其实刚刚想起来,很多时候完全可以用text()函数对jQuery对象赋值就好了...

    HTML 文本转义小窍门

    div1.innerText = &lt;h1&gt;title title….&lt;/h1&gt;; var str = div1[removed]; // &lt;h1&gt;title title… 2、假设有文本 context,可以对一个jQuery对象 $(x)进行 $(x).text(context).html(),就会返回一个转义后的文本。 ...

    jqtpl:[不推荐使用]用于nodejs,浏览器和任何其他javascript环境的模板引擎

    安装$ npm i jqtpl$ make test范本API$ {},{{=}}打印变量,数组或函数(转义) 打印变量 // tpl &lt;div&gt;${a}&lt;/div&gt; // code jqtpl.render(tpl, {a:123}); // output &lt;div&gt;123&lt;/div&gt;打印阵列 //tpl &lt;div&gt;${a}&lt;/div&gt; //...

    jQueryTemplate:jQuery 环绕下划线的模板

    settings 参数应该是一个散列,包含任何应该被覆盖的 $.template.defaults。 可以在元素上调用以使用元素内容作为模板源。 [removed]hello: &lt;&#37;= name %&gt;[removed] $('#tmp').template('render', {name

    jQuery之DOM对象和jQuery对象的转换与区别分析

    本文实例分析了DOM对象和jQuery对象的转换与区别。分享给大家供大家参考。具体分析如下: jQuery Hello World程序: [removed] 引入jQuery.存在两个版本,jquery-x.y.z.min.js是精简压缩版,不带min的是开发版,代码中...

    html5入门到精通 视频教程

    JavaScript基础语法07_连接符和转义字符 JavaScript基础语法08_算数运算符 JavaScript基础语法09_赋值运算符 JavaScript基础语法10_关系运算符 JavaScript基础语法11_条件运算符 JavaScript基础语法12_逻辑运算符 ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    JavaScript序列化及转义 开小差之自动登录抽屉并点赞 eval以及时间操作 JavaScript作用域 JavaScript面向对象及原型 Dom选择器以及内容文本操作 Dom样式操作 Dom属性及创建标签 Dom提交表单及其他 Dom事件操作 Dom...

    colorizeConsoleOutput:用 HTML 和 CSS 替换表示颜色的 ANSI 转义序列。 支持 xterm 256 色序

    控制台输出着色器用 HTML 和 CSS 替换表示颜色的 ANSI 转义序列。 支持 xterm 256 色序。用法 $ ( "#my_element" ) . colorizeConsoleOutput ( ) ;要求jQuery 1.6.2 或更高版本。执照(麻省理工学院许可证) 特此...

    PHPday03

    使用方法: 官网下载jquery.s 官网下载Bootstrap中的 bootstrap.min.css 和bootstrap.min.js 基本排版测试: Bootstrap中文网: 全局CSS样式组件等用代码进行测试 表格 删格系统 导航 分页 …… 在Bootstrap中用代码...

    Java学习笔记-个人整理的

    {1.4.4}转义字符}{25}{subsection.1.4.4} {1.4.5}Boolean 布尔值}{25}{subsection.1.4.5} {1.5}基本类型变量的初始值}{26}{section.1.5} {1.6}数据类型转换}{26}{section.1.6} {1.7}方法}{26}{section.1.7} {...

    javascript是否自动转义反斜杠(\)或用户需要这样做?

    为什么不回学校再学习呢?请参阅W3学校:JavaScript字符串[^]

    Logical-escaped_fragment:此代码可帮助您处理 SEO (escaped_fragment) 和 AJAX 内容

    用于 SEO 和 UX 的逻辑转义片段 概括: 创建此代码是为了帮助您创建 Google 可以抓取的基于 AJAX 的繁重页面。 尤其是在电子商务网站上,SEO 是最重要的事情之一。 这个插件调用了两个函数。 `__init()`(= 替换 `$...

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 jquery循环方法和attr,prop方法 03 jquery模态对话框与clone的应用 04 jqueryCSS操作之offsets,position以及scrolltop 05 jquery事件绑定与事件委托 06 jquery动画效果 07 jquery扩展与插件 08 jquery扩展补充 09...

    Z-BlogPHP 1.4 Deeplue Build 150101

    后台引用的jQuery UI 升至 v1.11.106.检测到没有GD时自动关闭验证码07.针对标题的引号等进行了入库时的转义08.进入后台不再刷新统计信息09.改进置顶功能10.c_html_js_add加入ETag以缓存修复:01.解决在某些情况下...

    Link Me Not-crx插件

    #####版本0.1.0.0 *放弃了jQuery依赖项*更改了基于listen2提供的UserScript的正则表达式*更改了选择器以仅匹配以http开头的链接,因此扩展速度更快且使用的资源更少*实现了未转义HTML在URL和文本本身之间进行检查。...

    链接我不是「Link Me Not」-crx插件

    #####版本0.1.0.0 *抛弃了jQuery依赖项*更改了基于listen2提供的UserScript的正则表达式*更改了选择器以仅匹配以http开头的链接,因此扩展速度更快且使用的资源更少*实现了未转义HTML在URL和文本本身之间进行检查。...

Global site tag (gtag.js) - Google Analytics