2013-10-06 27 views
0

我想将字母表放在页面顶部。当有人点击一个字母时,会加载一个包含以该字母开头的单词的小json文件。为字母表的所有字母创建链接

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

found this代码PHP这确实几乎完全我想达到的目标:

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

如何将一个在JavaScript这样做呢?

回答

2

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

正是我一直在寻找。非常感谢! – Forza

0

你能做到这一点在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"); 

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

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