`

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()。
 
分享到:
评论

相关推荐

    网页文字导出word文档格式jquery.wordexport插件

    这个脚本通常会定义一个jQuery扩展方法,例如`$.fn.wordExport`,允许开发者通过调用`$('selector').wordExport()`来触发导出过程。在实现过程中,插件可能利用了HTML5的`Blob`对象和`URL.createObjectURL`方法,将...

    jquery 模板

    4. **循环语句**:`&lt;#each item in array#&gt;...&lt;#/each#&gt;` - 遍历数组,为每个元素渲染模板。 5. **逻辑运算**:在`{{...}}`内可以进行简单的JavaScript表达式计算,如`{{value + 1}}`。 jQuery 模板还可以利用`&lt;#...

    JQuery常用方法

    2. **引入方式**:在HTML文档中,推荐将JQuery脚本文件放在`&lt;body&gt;`标签的最后,以确保所有DOM元素加载完成后再加载JQuery。示例代码如下: ```html &lt;script src="jquery-3.1.0.js"&gt;&lt;/script&gt; ``` 3. **CDN加速*...

    jQuery.parseHTML() 函数详解

    str = "hello, &lt;b&gt;my name is&lt;/b&gt; jQuery.", html = $.parseHTML(str), nodeNames = []; // 添加已解析的HTML $log.append(html); // 遍历已解析的HTML节点并记录节点名称 $.each(html, function (i, el) {...

    JQuery模板插件 jquery.tmpl 动态ajax扩展

    `$.JquerySelecotrCharChange`方法用于转义CSS选择器中的特殊字符,以防止在动态生成选择器时遇到问题。在某些情况下,这可能是必要的,因为模板ID或类名可能包含需要转义的特殊字符。 使用这些扩展,我们可以根据...

    PHP AJAX RSS 阅读器

    $.ajax({ url: 'rss_fetcher.php', type: 'GET', dataType: 'html', success: function(data) { $('#rssFeed').html(data); }, error: function(jqXHR, textStatus, errorThrown) { alert('Error fetching ...

    jQuery中after()方法用法实例

    &lt;script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("div").after("&lt;b&gt;好好学习&lt;/b&gt;"); }); &lt;/script&gt; &lt;/head&gt; ...

    jQuery插入表情留言或评论表单代码

    $.ajax({ type: "POST", url: "/api/comments", // 假设这是你的评论API接口 data: { content: comment }, success: function(response) { // 处理成功后的逻辑,比如显示新评论 }, error: function(error) ...

    jQuery插件将HTML表格导出为Excel格式文件 - tableexport.js插件

    &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;script src="path/to/tableexport.js"&gt;&lt;/script&gt; ``` 2. **初始化插件**:选择你要导出的HTML表格,并应用tableexport插件。你可以为不同的...

    基于jquery的搜索框输入查询,模拟百度搜索查询

    $.ajax({ url: 'search.php', // 这里替换为你的服务器端处理程序 method: 'POST', data: { keyword: keyword }, dataType: 'json', success: function(response) { // 清空现有搜索结果 $('#searchResults'...

    在JavaScript中对HTML进行反转义详解

    常见的JavaScript转义和反转义函数包括`encodeURI()`、`decodeURI()`、`encodeURIComponent()`和`decodeURIComponent()`,但这些方法主要用于URL编码和解码,对于HTML实体并不适用。要对HTML进行反转义,我们需要...

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

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

    用模版生成HTML的的框架jquery.tmpl使用详解

    var markup = "&lt;li&gt;Some content: ${item}.&lt;br/&gt;More content: ${myValue}.&lt;/li&gt;"; $.template("movieTemplate", markup); ``` 另一种是将模板嵌入HTML的`&lt;script&gt;`标签中,类型设置为`text/x-jquery-tmpl`: ```...

    jquery template 语法总结

    1. **初始化模板**:首先定义一个模板字符串,通常会将其放置在一个隐藏元素内(例如`&lt;script type="text/html"&gt;`),然后使用 jQuery 的 `tmpl` 方法来解析模板并填充数据。 ```javascript var movies = []; // ...

    jquery ajax对特殊字符进行转义防止js注入使用示例

    在这个例子中,我们创建了一个隐藏的元素`&lt;span id="x"&gt;&lt;/span&gt;`,将未转义的HTML字符串赋值给它的文本内容,然后使用`.html()`方法获取转义后的结果。最后,我们将转义后的HTML插入到`&lt;div id="content"&gt;&lt;/div&gt;`中...

    up_1198246_jquery.sfbrowser_zqss58.rar

    5. **安全实践**:学习如何确保上传的文件安全,防止恶意文件上传,以及如何对文件路径进行转义,避免路径遍历攻击。 6. **用户体验设计**:理解如何创建用户友好的文件浏览和操作界面,包括文件列表的展示,上传...

    JQuery 风格的HTML文本转义

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

    浅谈html转义及防止javascript注入攻击的方法.docx

    对于使用jQuery的项目,可以利用jQuery提供的方法简化HTML转义的实现。 ```javascript function htmlEncodeJQ(str) { return $('&lt;span&gt;').text(str).html(); } function htmlDecodeJQ(str) { return $('&lt;span&gt;')...

    《JQuery 能干点啥~》第四讲 html() 与 text()的赋值比较

    本讲我们将深入探讨jQuery中的两个核心方法——`html()`和`text()`,它们都用于设置或获取HTML元素的内部内容,但各自有着独特的特性和用途。通过对比和实例分析,我们将更清楚地理解它们之间的差异。 `html()`方法...

Global site tag (gtag.js) - Google Analytics