サンプル集  >  HTML  >  Path文字列分解
Path文字列分解
2014/12/22

環境変数Pathの文字列を分解して表示します。

>>実際の画面

◆環境
OS Windows 7 Professional Service Pack 1 64bit
Browser Internet Explorer 11.0.9600.17501

テキストエリアにPath文字列を入力して「Go」ボタンを押すと、文字列を分解して表示するようにします。

PathList.html
 1: 
 2: 
 3: 
 4: 
 5: 
 6: 
 7: 
 8: 
 9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
72: 
73: 
74: 
75: 
76: 
77: 
78: 
79: 
80: 
81: 
82: 
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Path文字列分解</title>
<script type="text/javascript">
function GetTDTag(line) {
    if(line%2==1){
        return "<td class=\"even\">";
    }
    return "<td class=\"odd\">";
}

function CreateList() {

    var obj=document.getElementById("pathvalue");

    var out=document.getElementById("outputarea");

    var val=obj.value;
    var c="";
    var line=0;
    var list="<table border=\"1\" cellspacing=\"0\" cellpadding=\"3\">"
            +"<tr>"
            +GetTDTag(line)+(line)+"</td>"
            +GetTDTag(line)
            ;
    for ( var i=0; i<val.length; i++ )
    {
        c=val.charAt(i);
        if(c==";"){
            line++;
            list+="</td></tr><tr>"
                +GetTDTag(line)+(line)+"</td>"
                +GetTDTag(line)
                ;
            continue;
        }
        else if(c=="="){
            line++;
            list+=c
                +"</td></tr><tr>"
                +GetTDTag(line)+(line)+"</td>"
                +GetTDTag(line)
                ;
            continue;
        }
        else if((c=='\r')||(c=='\n')){
            continue;
        }
        list+=c;
    }
    list+="</td></tr></table>";

    // 読み込んだ内容を設定
    out.innerHTML=list;
}
</script>
<style type="text/css">
<!--
    /* ドロップ可能エリアのスタイル */
    div.outputarea {
        font-family: "MS ゴシック",sans-serif;
    }
    td.even {
        background-color: #E0FFFF;
    }
    td.odd {
        background-color: #FFFACD;
    }
-->
</style>
</head>
<body>
input Path:<br />
<textarea id="pathvalue" rows="5" cols="50">
</textarea><br />
<input type="button" value="Go" onclick="CreateList()" />
<hr />
<div id="outputarea" class="outputarea">
</div>
</body>
</html>

MS-DOSプロンプトで setコマンドを実行して環境変数を表示します。 表示された中から Pathの値をコピーしてテキストエリアに貼り付け「Go」ボタンを押します。

Pathを分解して結果が表示されました。

▲ PageTop  ■ Home


Copyright (C) 2014 ymlib.com