このウィキの読者になる
更新情報がメールで届きます。
このウィキの読者になる
カテゴリー
タグ
最近更新したページ
最新コメント
メニューバーA
フリーエリア
Wiki内検索

Javascriptについて

これは何?

Javascriptの備忘録です。
JavascriptのあれはいいのですがDOM2関係の情報が非常に不足しております。書籍もほとんど役に立たない状態です。(初心者が本を買うからなのはわかりますが)
まとまったリファレンスが存在しないのでわかる範囲でここに書いておきます。
信頼性は保障しませんので自分で確かめてください。自分の理解の範囲で書いていますので概念的に間違えている可能性があります。
基本的にFireFoxのみのことだと考えてください。

お役立ちリンク

知られざるJavaScriptの世界
ここを読めばJavaScriptのオブジェクト指向が理解可能。

JavaScript 1.7
スゲー。もうこんなに機能がそろってるんだ。
マルチスレッドもOK?



文法の肝

  • 何というわけではなく長年のなぞが解けたり、いろいろ有用だと思う部分。

undefind

  • 未定義判別方法
      • x === undefind
      • 何だってー>熙研研

function

  • 関数宣言
      • object.funcName = function(x,y){ }

オブジェクト

  • オブジェクト宣言
      • function objectName(x,y){
      • var XXXXXX(これがプロパティ)
      • 何らかの処理(コンストラクタ?)
      • object.MethodName = function(x,y){ (ここがメソッド) }
      • MethodName: function(x,y){ (ここがメソッド) }
      • this(オブジェクト自身)
      • }(おわり)

アクセス方法

  • オブジェクト内の要素へのアクセス方法
      • object.functionName()
      • object.Propaty
      • object[function]
      • object[Propaty]
      • 多分。


リファレンス


attribute関係

toLowerCase()Mobject.attribute.toLowerCase()
調査中:どうやら文字列のなんだかよくわかんない。

''SetAttribute('contentEditable','Boolean')''AElement.setAttribute('contentEditable','true')
調査中:IE5.5よりサポート。対象のノード内を編集可能にする、FireFoxもいつの間にか対応?



windowオブジェクト

getSelection()Mwindow.getSelection()
どうやら選択範囲を取得する。取得した内容はノード?




documentオブジェクト

createRange()Mdocument.createRange()
調査中:Rangeオブジェクトを作成する。?




bodyオブジェクト

createTextRange()Mdocument.createTextRange()
調査中:TextRangeオブジェクトを作成する。TextRangeオブジェクトってなに?




selectionオブジェクト

  • 選択範囲の集合体オブジェクトらしい
anchorNodePselection.anchorNode
調査中:選択した範囲の最後のノードを返す?

anchorOffsetPselection.anchorOffset
調査中:選択した範囲の最後のノードの順位?

focusNodePselection.focusNode
調査中:選択した範囲の最後のノードを返す?

focusOffsetPselection.focusOffset
調査中:選択した範囲の最後のノードの順位?

rangeCountPselection.rangeCount
調査中:選択したレンジ数を返す?

getRangeAt(x)Mselection.getRangeAt(i)
調査中:選択中の文字列のうち引数番目のrangeオブジェクトを返す?

selectAllChildren()Mselection.selectAllChildren()
調査中:選択対象の子ノードをすべて選択状態にする?

removeAllRanges()Mselection.removeAllRanges()
調査中:選択状態をすべて破棄する?

containsNode(node ,boolean)Mselection.containsNode(node ,true)
調査中:うん?選択範囲に追加するのかな?不明

addRange(range)Mselection.addRange(range)
調査中:rangeをselectionに追加します。

collapseToStart()Mselection.collapseToStart()
調査中:おりたたまれてるとかどうとか。

collapseToEnd()Mselection.collapseToEnd()
調査中:おりたたまれてるとかどうとか。




rengeオブジェクト

  • どうも選択範囲のことらしい。
commonAncestorContainerPrange.commonAncestorContainer
調査中:選択範囲で一番深いノードを返す?

startContainerPrange.startContainer
調査中:選択範囲の対象のRagneの含まれる先頭のNodeを返す?

startContentPrange.startContent
調査中:選択範囲の対象のRagneの含まれる先頭のNodeを返す?

endContainerPrange.endContainer
調査中:選択範囲の対象のRagneの含まれる最後のNodeを返す?

startOffsetPrange.startOffset
調査中:選択範囲の対象のRagneの先頭ノード内での開始文字位置?

endOffsetPrange.endOffset
調査中:選択範囲の対象のRagneの終了ノード内での終了文字位置?

selectNode(node)Mrange.selectNode(node)
調査中:引数のノードを対象の選択範囲に加える?

detach()Mrange.detach()
調査中:対象のRagneオブジェクトに含まれる選択状態を解除する?

deleteContents()Mrange.deleteContents()
調査中:選択状態にある文字列・ノードをすべて消す?

setStart(node, x)Mrange.setStart(node, x)
調査中:Rangeの範囲node上で範囲開始点を引数x文字目に設定?

setEnd(node, x)Mrange.setEnd(node, x)
調査中:Rangeの範囲node上で範囲終点を引数x文字目に設定?


extractContents()Mrange.extractContents()
調査中:選択範囲の対象からひとつnodeを切り出して返す?popみたいなもの?

compareBoundaryPoints(Type、RangeB)Mrange.compareBoundaryPoints(Type、RangeB)
調査中:各タイプにあわせてどちらの端っこが外か中かで同じであれば戻り値は0、そのタイプ条件どおりなら1、逆の場合は-1

cloneRange()Mrange.cloneRange()
調査中:もとのRangeのコピーを返す?

select()Mrange.select()
調査中:Rangeの中を選択状態にする?

selectNodeContents(node)Mrange.selectNodeContents(node)
調査中(IE専用の可能性):対象のノードの中をRangeの選択範囲とする?

surroundContents(ElementName)Mrange.surroundContents(ElementName)
調査中(IE専用の可能性):Rangeの選択範囲を指定のElementでくくる?

setStartBefore(ElementName)Mrange.setStartBefore(ElementName)
調査中(IE専用の可能性):Rangeの選択範囲を指定のElementの前に指定?

insertNode(node)Mrange.insertNode(node)
調査中(IE専用の可能性):Rangeの選択範囲開始点にnodeを挿入?

duplicate()Mrange.duplicate()
調査中(IE専用の可能性):Rangeを複製するの?



nodeオブジェクト

  • DOMで使う単位です。
    • Elementノード:タグの形式で表現される部分です。
      • nodetype:2
      • nodeValue:null
      • Chilednodes:所持できます。
    • Textノード:実際の文字列で表現される部分です。
      • nodetype:3
      • nodeValue:文字列
      • Chilednodes:持てません。

insertData(x ,text)MtextNode.insertData(x, text)
調査中:Textノード専用:テキストノードのx文字列目にtextを挿入



http://cms.wiki.livedoor.com/js/prototype.js
http://cms.wiki.livedoor.com/js/main.js
http://cms.wiki.livedoor.com/js/cms2.js
2006年11月02日(木) 02:30:49 Modified by ryunosinfx




スマートフォン版で見る

×

この広告は60日間更新がないwikiに表示されております。