ウェブ家の備忘録

ウェブデザイナーの備忘録

JavaScript : 紹介したいサイトを列挙するコード

 紹介したいURLを昇順にまとめてAタグ付けて出力するのを新規で作りました。
 過去のノウハウのおかげか何の引っ掛かりもなくスムーズに完成しました。あの苦悩の日々が糧になっていると実感。
過去の苦悩の日々

意図
 このサイトの左カラムのリンク編集を楽にしたい。URLとサイト名だけ入れればいいようにしたい。

制作物
 記載順にAタグ列挙

<!-- 可読コード -->
<script>
(function(){
  var first=0;
  function a(nm,url){
    let output='';
    if(nm!=''){
      if(first==0){first++;}else{output+='<br>';}
      output+='<a href="'+url+'" target="_blank" style="text-decoration: none;">'+nm+'</a>';
    }
    document.write(output);
  }
  a('検索デスク','http://searchdesk.com');
  a('google','http://google.com');
  a('','');

}());
</script>


<!-- 組み込み -->
<script>/*200306*/(function(){var f=0;function a(nm,url){let t='';if(nm!=''){if(f==0){f++;}else{t+='<br>';}t+='<a href="'+url+'" target="_blank" style="text-decoration: none;">'+nm+'</a>';document.write(t);}}
a('検索デスク','http://searchdesk.com');
a('google','http://google.com');
a('','');

}());</script>

 昇順にしてAタグ列挙

<!-- 可読コード -->
<script>
(function(){
  var url=[ ['','']
    ,['検索デスク','http://searchdesk.com']
    ,['google','http://google.com']
    ,['','']
  ];
  
  url.sort(function(a,b){
    if(a[0]>b[0]){return 1;}else{return -1;}
  });
  
  var first=0,output='';
  
  for(var i=0;i<url.length;i++){
    if(url[i][0]!=''){
      if(first==0){first++;}else{output+='<br>';}
      output+='<a href="'+url[i][1]+'" target="_blank" style="text-decoration: none;">'+url[i][0]+'</a>';
    }
  }
  
  document.write(output);
}());
</script>
  

<!-- 組み込み -->
<script>/*210824*/(function(){var f=0;var url=[ ['','']
,['検索デスク','http://searchdesk.com']
,['google','http://google.com']
,['','']

];url.sort(function(a,b){if(a[0]>b[0]){return 1;}else{return -1;}});var o='';for(var i=0;i<url.length;i++){if(url[i][0]!=''){if(f==0){f++;}else{o+='<br>';}o+='<a href="'+url[i][1]+'" target="_blank" style="text-decoration: none;">'+url[i][0]+'</a>';}}document.write(o);}());
</script>