宁德400电话申请开通【宁德企业网站建设】宁德微信公众号小程序开发运营价格、宁德微信公众号APP软件客户端设计运营、宁德网页页面设计公司费用、宁德公司网站制作方案流程改版维护大概需要多少钱

发表日期： 2021-05-24 09:48:27 浏览次数：143

网站建设.jpg

宁德市隶属于福建省，别称闽东，中国大黄鱼之乡，国家园林城市。位于福建省东北翼沿海、福建闽东地区，东临东海，与台湾隔海相望，西邻南平，南接省会福州市，北接浙江，是福建离“长三角”和日本、韩国最近的城市。土地面积1.34万平方公里，直接相邻的海域面积4.46万平方公里，拥有世界级天然深水港三都澳。地形以丘陵山地为主，沿海为小平原，属中亚热带海洋性季风气候。

宁德市下辖蕉城区、福安市、福鼎市、古田县、霞浦县、周宁县、寿宁县、屏南县、柘荣县。第七次人口普查主要数据显示宁德市2020年常住人口314.68万人。

宁德也是中国东南沿海休闲度假和生态旅游的胜地 [1] ，境内共有1个世界地质公园、2个5A级景区、3个国家级风景名胜区和7个省级风景名胜区。 [2] 滨海有嵛山、台山列岛、大京、西洋岛、三都澳等海岸景区；内陆拥有国家级森林公园2个，省级森林公园4个，国家级湿地公园1个，省级自然保护区2个，市级自然保护区9个。2019年11月15日，宁德市被授予“国家森林城市”称号。 [3]

2020年宁德市实现地区生产总值2619亿元，同比增长6.0%。 [31]

Html字符串筛选提取指定节点

拿到一个字符串，而这个字符串恰好是html结构的，也就是里面有标签节点，我们要把某个id或者class的节点从中分离出来，那么怎么做呢？当然是正则匹配提取切割技术的混搭使用啦，为了方便复用我又写了一个函数，走到哪用到哪！这篇文章的标题就是《Html字符串筛选提取指定节点》。

这一招很有实用性，实用性在哪呢？想想网站的无刷新ajax，通过这篇文章的代码学习，你将会喜欢上ajax，完全不需要后端的接口。只要有个网址，ajax请求下，再把返回的html有用信息提取出来，通过id和class都可拿到该节点里面的所有html，再插到页面中，这就是全站ajax的精华。

复制代码function getNode(node,html){	var type=node.charAt(0);//获取类型，支持 #id、.class和tag三种类型；	var selector,data,regExp;	if(type=="#"){		selector=node.substring(1);		regExp=new RegExp('<[a-zA-Z]+[^>]+id=\"\\s*' + selector + '\\s*\"[^>]*>',"gi");	}else if(type=="."){		selector=node.substring(1);		regExp=new RegExp('<[a-zA-Z]+[^>]+class=(\"' + selector + '\"|\".*?\\s*' + selector + '\"|\"' + selector + '\\s*.*?\"|\".*?\\s*' + selector + '\\s*.*?\")[^>]*>',"gi");	}else{		selector=node;		regExp=new RegExp('<' + selector + '(>|\\s+[^>].*?>)',"gi");	}	if(!html.match(regExp)){		console.log("在指定字符串中没有找到节点！")		return "";	}	var matchArr=html.split(match);	var match=html.match(regExp)[0];	if(matchArr.length > 2){//多次匹配则取第一次匹配，其余忽略		var data=matchArr.filter(function(n,index){			return index!==0;		}).join("");	}else{		var data = html.split(match)[1];	}var tagName=match.match(/<(([a-zA-Z]+)|([a-zA-Z]+)\s+)/)[1],     	tagLength=tagName.length+3;var depth = 1;var output = '';while(depth > 0) {var temp = data.split('')[0];var i = 0;var pos = temp.indexOf("<" + tagName);while (pos != -1) {i++;pos = temp.indexOf("<" + tagName, pos + 1);}depth = depth + i - 1;output = output+data.split('')[0] + '';data = data.substring(data.indexOf('') + tagLength);}return output.slice(0,-tagLength);}复制代码

我在这个函数里面做了很充足的html书写不规范兼容性,比如<div id="mizuiren">666</div>、<div id=" mizuiren">666</div>、<div id="mizuiren ">666</div>、<div id=" mizuiren ">666</div>都可匹配到id为mizuiren的节点，注意看空格。

同理class也可匹配<div class="mizuiren"></div>、<div class=" mizuiren com"></div>、<div class="mizuiren com"></div>等等多个或者不规范的写法，但不是错误的写法。

除了提取id和class还可以提取标签，比如div、span、i、等所有标签。类似于jq的选择器但又不同。

需要注意的是无论提取何种类型，都只能是唯一性，如果你给的id和class在字符串中找到多个，只会取第一个匹配节点，匹配节点里面可能会有匹配节点。这不是bug，故意做成这样的~。最好就是保证选择器的唯一性吧，比如用id?

举个栗子，有如下字符串：

复制代码var html = '<i>不要看啦，我是字符串。</i><div class="xiaoming" id="xiao">小明<i><div class="qiuleqiu">666</div><div class="dream"></div><div class="dream" id="javasript">var me="秋叶";</div></i><div class="d"><strong class="this">人文风情<strong>哈哈哈哈</strong><li></li> </strong></div>what?</div><div class="good">dewfq</div><div class="xiaoming" id="xiao">小红</div>';复制代码

提取节点示例：

复制代码getNode(".xiaoming",html);输出结果：小明<i><div class="qiuleqiu">666</div><div class="dream"></div><div class="dream" id="javasript">var me="秋叶";</div></i><div class="d"><strong class="this">人文风情<strong>哈哈哈哈</strong><li></li> </strong></div>what? getNode("#xiao",html);输出结果：小明<i><div class="qiuleqiu">666</div><div class="dream"></div><div class="dream" id="javasript">var me="秋叶";</div></i><div class="d"><strong class="this">人文风情<strong>哈哈哈哈</strong><li></li> </strong></div>what? getNode(".qiuleqiu",html);输出结果：666 getNode("strong",html);输出结果：人文风情<strong>哈哈哈哈</strong><li></li>复制代码

上一页：宁德网站制作要多少钱【域名企业邮箱服务器注册申请办理】宁德网络优化公司哪家好、宁德软件开发外包价格、宁德高端企业网站页面制作设计专业公司、宁德微信公众号小程序购物支付搭建制作公司

下一页：宁德申请400电话费用【宁德企业全国热线电话办理】宁德开通400电话电信价格、宁德微信公众号代运营外包托管、宁德网店编辑装修美工、宁德网站推广优化大概需要多少钱