jquery处理html格式的数据
来源:互联网 发布:vscode 字体颜色 编辑:程序博客网 时间:2024/05/17 03:22
jQuery.parseHTML( data [, context ] [, keepScripts ] )返回: Array
描述: 将字符串解析到一个DOM节点的数组中。
添加的版本: 1.8jQuery.parseHTML( data [, context ] [, keepScripts ] )
- data类型: String用来解析的HTML字符串。
- context (默认:
document
)类型: ElementDOM元素的上下文,在这个上下文中将创建的HTML片段。 - keepScripts (默认:
false
)类型: Boolean一个布尔值,表明是否在传递的HTML字符串中包含脚本。
jQuery.parseHTML
使用原生方法将字符串转换为一个DOM节点的集合,然后可以插入到文档。 这些方法渲染所有尾随或前导文本(即使只是空格)。 为了防止尾随/前导空格被转换为文本节点,你可以通过将HTML字符串传递给jQuery .trim
。
默认情况下,如果没有指定或给定null
或 undefined
,context
是当前的document
。如果HTML被用在另一个document中,比如一个iframe,该frame的文件可以使用。
Security Considerations(安全注意事项)
大多数的jQuery的API接受的HTML字符串将运行所包含在HTML中的脚本。jQuery.parseHTML
不运行HTML中解析出来的脚本,除非 keepScripts
参数为true
。然而,它仍然是可能在大多数环境中间接地执行脚本,例如通过<img onerror>
属性。调用者应该意识到这一点,并通过清理或避免任何不可信来源的输入,如URL或cookies,来防止它。为了未来的兼容性,当keepScripts
为不确定的或false
时,调用者不应该依赖于这个能力来运行任何脚本内容。
例子:
Create an array of Dom nodes using an HTML string and insert it into a div.
1234567891011121314151617181920212223242526272829303132333435<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="log">
<h3>Content:</h3>
</div>
<script>
var $log = $( "#log" ),
str = "hello, <b>my name is</b> jQuery.",
html = $.parseHTML( str ),
nodeNames = [];
// Append the parsed HTML
$log.append( html );
// Gather the parsed HTML's node names
$.each( html, function( i, el ) {
nodeNames[i] = "<li>" + el.nodeName + "</li>";
});
// Insert the node names
$log.append( "<h3>Node Names:</h3>" );
$( "<ol></ol>" )
.append( nodeNames.join( "" ) )
.appendTo( $log );
</script>
</body>
</html>
Demo:
描述: 将字符串解析到一个DOM节点的数组中。
添加的版本: 1.8jQuery.parseHTML( data [, context ] [, keepScripts ] )
- data类型: String用来解析的HTML字符串。
- context (默认:
document
)类型: ElementDOM元素的上下文,在这个上下文中将创建的HTML片段。 - keepScripts (默认:
false
)类型: Boolean一个布尔值,表明是否在传递的HTML字符串中包含脚本。
jQuery.parseHTML
使用原生方法将字符串转换为一个DOM节点的集合,然后可以插入到文档。 这些方法渲染所有尾随或前导文本(即使只是空格)。 为了防止尾随/前导空格被转换为文本节点,你可以通过将HTML字符串传递给jQuery .trim
。
默认情况下,如果没有指定或给定null
或 undefined
,context
是当前的document
。如果HTML被用在另一个document中,比如一个iframe,该frame的文件可以使用。
Security Considerations(安全注意事项)
大多数的jQuery的API接受的HTML字符串将运行所包含在HTML中的脚本。jQuery.parseHTML
不运行HTML中解析出来的脚本,除非 keepScripts
参数为true
。然而,它仍然是可能在大多数环境中间接地执行脚本,例如通过<img onerror>
属性。调用者应该意识到这一点,并通过清理或避免任何不可信来源的输入,如URL或cookies,来防止它。为了未来的兼容性,当keepScripts
为不确定的或false
时,调用者不应该依赖于这个能力来运行任何脚本内容。
例子:
Create an array of Dom nodes using an HTML string and insert it into a div.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="log">
<h3>Content:</h3>
</div>
<script>
var $log = $( "#log" ),
str = "hello, <b>my name is</b> jQuery.",
html = $.parseHTML( str ),
nodeNames = [];
// Append the parsed HTML
$log.append( html );
// Gather the parsed HTML's node names
$.each( html, function( i, el ) {
nodeNames[i] = "<li>" + el.nodeName + "</li>";
});
// Insert the node names
$log.append( "<h3>Node Names:</h3>" );
$( "<ol></ol>" )
.append( nodeNames.join( "" ) )
.appendTo( $log );
</script>
</body>
</html>
Demo:
0 0
- jquery处理html格式的数据
- jquery 处理返回数据 html json xml
- jQuery入门学习四:jQuery处理xml格式的返回数据
- 【js与jquery】jquery对服务器端返回xml格式数据的解析和处理
- 【js与jquery】jquery对返回json格式数据的处理和解析
- Qt处理HTML格式文本的方法
- jQuery入门学习三:XMLHttpRequest处理xml格式的返回数据
- jquery easyui datagrid加载数据不符合datagrid能够解析的格式处理方法
- jquery接收PHP传送过来的JSON格式数据以及处理。
- Jquery对json格式的处理
- html格式处理
- delphi 读取剪粘板内的html格式数据
- jquery 异步数据的处理
- jquery请求返回json格式的数据
- 利用bitset处理二进制格式的数据
- XMLHttpRequest处理xml格式的返回数据
- ActionScript处理JSON格式的数据
- txt格式数据的逐条处理
- 播放视频VideoView和SurfaceView(它是父类)(查看api)(更高级的查看vitamio)
- STL 中的 std::string大小写转换 lowercase、uppercase、Trim、replace、split
- Android 多媒体应用:视频播放之VideoView与SurfaceView
- uva 815
- 【HEOI2014】【BZOJ3613】南园满地堆轻絮
- jquery处理html格式的数据
- android 获取系统时间
- nginx利用fastcgi_cache模块缓存
- Fiddler抓取HTTPs流量
- 图片水印实现
- Multiply Strings
- Android使用ValueAnimator实现双击事件的判断
- Nginx配置文件详细说明
- 为什么要使用SLF4J而不是Log4J