js分离html代码的body内外部分

2018-06-24 01:57:04来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

//定义网页源码

str = '<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body style="backgroud-color:yellow"><div>文章</div></body></html>';

 

//定义正则式,匹配body部分,并把body内部代码用()包起来,代表子表达式$1
reg=/<body[^>]*>([\s\S]*)<\/body>/;

 

//获取匹配结果,第二个元素刚好是子表达式$1的值
content = str.match(reg)[1];

输出: "<div>文章</div>"

 

//获取匹配结果的外层代码
outer = str.replace(content,'');
输出:"<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body style="backgroud-color:yellow"></body></html>"

 

//外层代码切割

法一:

bodyTailIndex = outer.indexOf('</body>');

outerTail = outer.substring(bodyTailIndex);
输出:"</body></html>"


outerHead = outer.substring(0,bodyTailIndex);
输出:"<!DOCTYPE html><html><head> <meta charset="UTF-8"></head><body style="backgroud-color:yellow">"

 

法二:

outerPart = str.split(content)

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:图片上传显示替换

下一篇:angular+ionic前后端分离开发项目中的使用