読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

配列でリンクを表示|実践課題C

コード

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>配列</title>
<style>
body {
    font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ", 
	Meiryo, Osaka, 
	"MS Pゴシック", 
	"MS PGothic", 
	sans-serif}
</style>
<script>
var link = [
    {url:"#",title:"ホーム"},
    {url:"#",title:"会社情報"},
    {url:"#",title:"製品情報"},
    {url:"#",title:"お問い合わせ"}
];
</script>
</head>
<body>
<script>
document.write("<ul>");

for(var i=0; i<link.length; i++){
    document.write("<li>");
    document.write("<a href=",link[i].url,">",link[i].title,"</a>");
    document.write("<\/li>");
}
document.write("<\/ul>");
</script>
</body>
</html>

ポイント

  • URLを配列内で個別に変更できるように記述してみました