js分离html代码的body内外部分
2018-06-24 01:57:04来源:未知 阅读 ()
//定义网页源码
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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:图片上传显示替换
- js防止表单重复提交实现代码 2020-03-29
- 基于JQuery的多标签实现代码 2020-03-29
- 鼠标悬浮停留三秒后自动显示大图js代码 2020-02-21
- 默认让页面的第一个控件选中的javascript代码 2020-02-20
- 鼠标放在图片上显示大图的JS代码 2020-02-20
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash