Question

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

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

我在PHP中使用found this代码几乎完全符合我的目标：

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

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

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

Answer 3

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

为字母表中的所有字母创建链接

3 个答案: