成都商城網(wǎng)站建設(shè)地址推廣網(wǎng)頁怎么做的
需求:
一個html 頁面 ,有兩個輸入框 第一個輸入框輸入文本中包含多個ip,輸入的ip是不規(guī)則的,需要使用正則表達式提取出 輸入文本的ip地址 , 然后在第二個輸入框中輸入內(nèi)容,并提取出內(nèi)容的ip ,如果第一個輸入框和第二個輸入框中的ip有符合的 在頁面中顯示處理
1.輸入文本框可以調(diào)大一點, 點擊提取按鈕后,顯示三塊內(nèi)容,第一塊顯示輸入文本中提取的所有ip 第二塊顯示輸入內(nèi)容提取的所有ip 第三塊顯示 輸入文本和輸入內(nèi)容 中共同有的ip
<!DOCTYPE html>
<html>
<head><title>IP提取器</title><style>textarea {width: 400px;height: 200px;}</style><script>function 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>
<body><h1>IP提取器</h1><label for="inputText">輸入文本:</label><br><textarea id="inputText"></textarea><br><br><label for="inputContent">輸入內(nèi)容:</label><br><textarea id="inputContent"></textarea><br><br><button onclick="extractIP()">提取IP</button><br><br><h3>提取的IP地址:</h3><div id="extractedIPs">無</div><h3>內(nèi)容中的IP地址:</h3><div id="contentIPs">無</div><h3>共同的IP地址:</h3><div id="matchingIPs">無</div>
</body>
</html>
?