使用JavaScrip写一个自动生成前缀的程序

2024-1-14 72 HTML

每次刷新页面都会重新生成一个新的二级域名前缀，由于生成过程是随机的，
因此五个域名各自使用这个新的前缀时，它们自然不会相同。为了进一步确保每个域名链接都有 ** 的随机前缀

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Random Subdomain Generator</title>
    <script>
        function generateUniqueSubdomains(domains) {
            const possibleChars = 'abcdefghijklmnopqrstuvwxyz';
            let subdomains = [];
            for (let i = 0; i < domains.length; i++) {
                let subdomainPrefix = '';
                do {
                    for (let j = 0; j < 5; j++) {
                        subdomainPrefix += possibleChars.charAt(Math.floor(Math.random() * possibleChars.length));
                    }
                } while (subdomains.includes(subdomainPrefix)); // 确保唯一性

                subdomains.push(subdomainPrefix);

                // 设置并输出到a标签
                const link = document.getElementById(`domainLink${i + 1}`);
                if (link) {
                    link.href = `http://${subdomainPrefix}.${domains[i]}`;
                    link.innerText = `${subdomainPrefix}.${domains[i]}`;
                }
            }
        }

        window.onload = () => {
            const domains = ['example1.com', 'example2.net', 'example3.org', 'example4.io', 'example5.dev'];
            generateUniqueSubdomains(domains);
        };
    </script>
</head>
<body>
    <!-- Set up the a tags with individual domains -->
    <a href="#" target="_blank" id="domainLink1">Click to see domain 1</a><br>
    <a href="#" target="_blank" id="domainLink2">Click to see domain 2</a><br>
    <a href="#" target="_blank" id="domainLink3">Click to see domain 3</a><br>
    <a href="#" target="_blank" id="domainLink4">Click to see domain 4</a><br>
    <a href="#" target="_blank" id="domainLink5">Click to see domain 5</a><br>

</body>
</html>

这段代码通过一个循环确保为每个域名生成的前缀都是唯一的。如果生成的前缀已经存在于数组subdomains中，则会继续生成直至找到一个唯一的前缀为止。

正文完

html 前端 JavaScript

评论区