为字母表中的所有字母创建链接 - Creating links for all letters of the alphabet

Creating links for all letters of the alphabet

本文关键字：创建链接字母表 | 更新日期: 2023-09-27

我想把字母表放在页面的顶部。当有人单击一个字母时，会加载一个包含以该字母开头的单词的小 json 文件。

如何简单地在页面顶部创建带有单独 id 的字母，而无需手动键入所有 26 个字母？

我在PHP中找到了这段代码，它几乎完全符合我想要实现的目标：

for ($i = 65; $i <= 90; $i++) {
    printf('<a href="%1$s.html" class="myclass">%1$s</a> ', chr($i));
}

如何在javascript中做到这一点？

在 JavaScript 中使用 fromCharCode

var html = '', chr = '';
for (var i = 65; i <= 90; i++) {
    chr = String.fromCharCode(i);
    html+= '<a href="'+ chr +'.html" class="myclass">'+ chr +'</a> ';
}

你可以在 JavaScript 中像这样做...

var startOffset = "a".charCodeAt(0);
var letterIndex;
var letter;
var letterAnchor;
for (letterIndex = startOffset; letterIndex < startOffset + 26; letterIndex++) {
    letter = String.fromCharCode(letterIndex);
    letterA = document.createElement("a");
    letterA.textContent = letter;
    letterA.href = letter + ".html";
    document.body.appendChild(letterA);
}

或者，如果你想生成 HTML，那么将 for 循环的主体替换为类似...

html += letter.link(letter + ".html");

就个人而言，我会将这些链接中的每一个放入有序列表的项目中。

for (var a = "A".charCodeAt(0); i < "Z".charCodeAt(0); i++) {
    html += "<a href='" + a + ".html'>" + a + "</a>"
}