javascript - 为所有字母创建链接

Question

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

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

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

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

在javascript中如何做到这一点？

Answer 1

在 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> ';
}

Answer 2

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

Answer 3

你可以像这样在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");

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