久保清隆のブログ

ライフハック、健康、旅行など、役立つ情報を書きます。

JavaScript入門 〜文字列の装飾まとめ

JavaScriptメソッドで文字列の扱い方をまとめた。
点滅させたり、色を変えたり、リンクを張ったりできる。

メソッド 説明
fontsize(3) フォントサイズ変更(1〜7)
fontcolor("#3333aa") 文字の色を設定する(#rrggbb)
big() 文字を大きくする
small() 文字を小さくする
blink() 点滅させる
bold() 太字にする
fixed() 等幅にする
italics() 斜体にする
strike() 打ち消し線をつける
sub() 下付き文字にする
sup() 上付き文字にする
link("url") リンクをはる
anchor(str) アンカーを設定
toUpperCase() 大文字に変換
toLowerCase() 小文字に変換


実際の見た目は、以下のコードを拡張子をhtmlにして保存してブラウザで開くと見れる。

<html>
<head>
<title>String</title>
</head>
<body>
<script language="javascript">
//<![CDATA[
  str="test";
  document.write(str.fontsize(3)+"<br>");
  document.write(str.fontcolor("#3333aa")+"<br>");
  document.write(str.big()+"<br>");
  document.write(str.small()+"<br>");
  document.write(str.blink()+"<br>");
  document.write(str.bold()+"<br>");
  document.write(str.fixed()+"<br>");
  document.write(str.italics()+"<br>");
  document.write(str.strike()+"<br>");
  document.write(str.sub()+"<br>");
  document.write(str.sup()+"<br>");
  document.write(str.link("http://d.hatena.ne.jp/kiyo560808/")+"<br>");
  document.write(str.anchor("anchor1")+"<br>");
  document.write(str.toUpperCase()+"<br>");
  document.write(str.toLowerCase()+"<br>");
//]]>
</script>
</body>
</html>



お読み頂きありがとうございます。
少しでもお役に立てたらクリックお願いします↓。
ブログランキング・にほんブログ村へにほんブログ村 IT技術ブログへにほんブログ村 IT技術ブログ プログラム・プログラマへ