ひとことブログ

短文ブログです。自分のtwitterからの転載もあります。気分で長文になるかもしれません。

たった31行で書ける、JavaScriptのプロパティとメソッド一覧

<?php header("Content-Language: ja"); ?>

<?php !empty($_GET["prop"]) ? $prop = $_GET["prop"] : $prop = "window"; ?>

<!DOCTYPE html>

<html lang="ja">

<head>

    <meta charset="utf-8">

    <title>"<?=$prop?>"のプロパティとメソッド</title>

    <link rel="stylesheet" type="text/css" href="common.css">

</head>

<body>

<p><a href="javascript:history.back();">←BACK</a> _

<a href="<?=$_SERVER["PHP_SELF"]?>">RESET</a></p>

<h1>JavaScript プロパティ/メソッド一覧</h1>

<form action="" method="get">

<p><input type="text" name="prop"><input type="submit" value="オブジェクト名を送信">

(default : window)</p>

</form>

<hr>

<h2><?=$prop?></h2>

<p id="test"></p>

<script>

    for(var _P_ in <?=$prop?>){

        document.getElementById("test").innerHTML += '<a href="./?prop=<?=$prop?>.'

        + _P_ + '">' + _P_ + '</a><br>';

    }

    console.log(<?=$prop?>);

</script>

<noscript>

このページの表示にはjavascriptが必要です。

</noscript>

</body>

</html>

>>【動作確認】

自分用に作ったものですが、せっかくなので公開してみます。

完璧ではないですが、一応使えるかと…

_P_というのはコード内で設定している変数ですので、無視してください。

ファイルサイズ1KB以下に収まったのがちょっと嬉しいです^^

動作には必要ない部分もありますが、一応使い勝手なども考えて書いています。

アルファベット順に並べようかと考えましたが、簡単なやり方が思いつかないのでやめました(=ω=; ブラウザ付属の検索機能の活用をお勧めします。

リンクを辿って目的の箇所まで辿りついたら、見出しをトリプルクリックで選択→コピペするのが便利だと思います。

(つ・ω・)つ【活用してもらえたら嬉しいです】⊂(・ω・⊂)

 

2013.07.16 console.log()を追加しました。