jQuery.parseHTML()函数详解-创新互联

定义和用法

成都创新互联专注于企业营销型网站建设、网站重做改版、大理州网站定制设计、自适应品牌网站建设、H5网站设计、商城系统网站开发、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为大理州等各大城市提供网站开发制作服务。

$.parseHTML() 函数用于将HTML字符串解析为对应的DOM节点数组。

注意：

1. 该函数将使用原生的DOM元素创建函数把HTML字符串转换为一个DOM元素的集合，你可以将这些DOM元素插入到文档中。

2. 如果没有指定context参数，或该参数为null或undefined，则默认为当前document。如果创建的DOM元素用于另一个文档，例如iframe，则应该指定该iframe的document对象。

安全考虑：大多数jQuery API都允许HTML字符串在HTML中包含运行脚本。 jQuery.parseHTML()不会运行解析的HTML中的脚本，除非你明确将参数keepScripts指定为true。不过，大多数环境仍然可以间接地执行脚本，例如：通过属性。调用者应该避免这样做，并清理或转义诸如URL、cookie等来源的任何不受信任的输入，从而预防出现这种情况。出于未来的兼容性考虑，当参数keepScripts被省略或为false时，调用者应该不依赖任何运行脚本内容的能力。

语法

$.parseHTML( htmlString [, context ] [, keepScripts ] )

参数	描述
htmlString	String类型需要解析并转为DOM节点数组的HTML字符串
context	Element类型指定在哪个Document中创建元素，默认为当前文档的document
keepScripts	Boolean类型指定传入的HTML字符串中是否包含脚本，默认为false

实例
使用一个HTML字符串创建一个数组的Dom节点，并将它插入一个div

<div id="log">
  <h4>Content:</h4>
</div>
<script>
$(function () { 
  var $log = $( "#log" ),
    str = "hello, <b>my name is</b> jQuery.",
    html = $.parseHTML( str ),
    nodeNames = [];
  //添加已解析的HTML
  $log.append( html );
  //集合已解析HTML的节点名称
  $.each( html, function( i, el ) {
    nodeNames[i] = "<li>" + el.nodeName + "</li>";
  });
  // 插入节点名
  $log.append( "<h4>Node Names:</h4>" );
  $( "<ol></ol>" )
    .append( nodeNames.join( "" ) )
    .appendTo( $log );
})
</script>

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站名称：jQuery.parseHTML()函数详解-创新互联
网址分享：https://www.cdcxhl.com/article28/ccspcp.html

成都网站建设公司_创新互联，为您提供自适应网站、定制网站、定制开发、网站收录、网站策划、静态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容