hakeの日記

Windows環境でプログラミングの勉強をしています。

2015-05-01から1ヶ月間の記事一覧

javascript ノードの動的操作

SELECTタグにスクリプトで子ノードとしてOPTIONタグ要素を追加して、その属性値を表示する。 追加する要素は、createElement()で作成し、appendChild()で追加、removeChiled()で削除する。 全ての子ノードの確認は、firstChild()とnextSibling()をfor文(あ…

javascript 何をfalseと判定するか

if文などの条件に渡されたときにfalseと判定されるもの。 <html lang='ja'> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>false判定</title> <script type="text/javascript"> function print(str){ var s = str + '<br>'; document.getElementById('result').innerHTML += s; } functio…</meta></head></html>

javascript Windows環境でのローカルPCのフォルダアクセス

fso.GetFolder()でFolderオブジェクトを取得して、そのプロパティにて各種情報にアクセスする。filesプロパティではサブフォルダの要素が取得できないことに注意、SubFoldersプロパティを使用する。 <html lang='ja'> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>ローカルフォルダ内のファイルリスト表示(IEのみ)</title> <script type="text/javascript"> </meta></head></html>…

javascript 正規表現

文字列が正規表現とマッチするかの判断には、RegExp.test()を使用し、置換はString.replace()を使用する。 正規表現とマッチした文字列の取得は、String.match()かRegExp.exec()を使用する。正規表現にgオプションを使用していない場合、両者とも最初にマッ…

javascript 子ウィンドウとのデータのやりとり

子ウィンドウとデータのやり取りを行う方法2つ。 showModal(Modeless)Dialogを使用する方法(IEのみで動作?) 親→子:showModalDialogの第二引数を使用する。 子→親:変数returnValueを使用する。 子ウィンドウを右上×で閉じた場合にはreturnValueはundefi…

javascript イベントハンドラの動的な追加と削除

関数名の記述について、add(remove)EventListenerの引数では括弧()があると上手く動作しない。また、buttonタグのonlick属性では括弧()が無いとダメ。クォートで囲む場合は括弧()が必要ということ? add(remove)EventListenerの第3引数はとりあえずfalseにし…

javascript Windows環境でローカルPCからテキストファイルの読み込み

一括で読み込む場合と一行ずつ読み込む場合を記載。 <html lang='ja'> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <script type="text/javascript"> var file; // http://msdn.microsoft.com/ja-jp/library/cc428044.aspx // OpenTextFile メソッド var forReading, forWriting, forAppending va…</meta></head></html>

javascript Windows環境でローカルPCへのテキストファイルの作成保存

htmlでもhtaでも動作する。 ActiveXを使用するのでhtmlをIEで実行させた場合には、実行時に警告がでる。また、OpenTextFile メソッドの引数の定義を定数(const)にしたところhtaで動作しなかったので変数としました。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=shift_jis"> <script type="text/javascript"> var file; // http://msdn.microsof</meta></head></html>…

javascript 部品の配置

style属性、またはstylesheetで、position:absolute, top, left(right), width, heightを設定すると好きな位置に配置できる。 calc.html <html lang='ja'> <head> <meta http-equiv='content-type' content='text/html; charset=Shift_JIS'> <link rel='stylesheet' type='text/css' href='./calc.css'> <title>簡易電卓</title> </link></meta></head></html>