免费素材网站可商用,CMCAP官方网站,手机网站大全排行,纪实摄影网站推荐需求#xff1a;
一个html 页面 #xff0c;有两个输入框 第一个输入框输入文本中包含多个ip#xff0c;输入的ip是不规则的#xff0c;需要使用正则表达式提取出 输入文本的ip地址 #xff0c; 然后在第二个输入框中输入内容#xff0c;并提取出内容的ip #xff0c;如…需求
一个html 页面 有两个输入框 第一个输入框输入文本中包含多个ip输入的ip是不规则的需要使用正则表达式提取出 输入文本的ip地址 然后在第二个输入框中输入内容并提取出内容的ip 如果第一个输入框和第二个输入框中的ip有符合的 在页面中显示处理
1.输入文本框可以调大一点 点击提取按钮后显示三块内容第一块显示输入文本中提取的所有ip 第二块显示输入内容提取的所有ip 第三块显示 输入文本和输入内容 中共同有的ip !DOCTYPE html
html
headtitleIP提取器/titlestyletextarea {width: 400px;height: 200px;}/stylescriptfunction extractIP() {var inputText document.getElementById(inputText).value;var ipRegex /\b(?:\d{1,3}\.){3}\d{1,3}\b/g;var extractedIPs inputText.match(ipRegex);var inputContent document.getElementById(inputContent).value;var contentIPs inputContent.match(ipRegex);var matchingIPs [];if (extractedIPs contentIPs) {for (var i 0; i extractedIPs.length; i) {if (contentIPs.includes(extractedIPs[i])) {matchingIPs.push(extractedIPs[i]);}}}document.getElementById(extractedIPs).innerText extractedIPs ? extractedIPs.join(, ) : 无;document.getElementById(contentIPs).innerText contentIPs ? contentIPs.join(, ) : 无;document.getElementById(matchingIPs).innerText matchingIPs.length 0 ? matchingIPs.join(, ) : 无;}/script
/head
bodyh1IP提取器/h1label forinputText输入文本:/labelbrtextarea idinputText/textareabrbrlabel forinputContent输入内容:/labelbrtextarea idinputContent/textareabrbrbutton onclickextractIP()提取IP/buttonbrbrh3提取的IP地址:/h3div idextractedIPs无/divh3内容中的IP地址:/h3div idcontentIPs无/divh3共同的IP地址:/h3div idmatchingIPs无/div
/body
/html
