javascriptブラウザのオブジェクトを取得します.

window

inner Width内部幅

inner Height高さ

navigator

ナビゲート.appName:ブラウザ名;

ナビゲート.アプリVersion:ブラウザバージョン;

navigator.langage:ブラウザで設定された言語;

navigator.plotform:オペレーティングシステムタイプ;

ナビゲート.userAgent:ブラウザで設定されたUser-Agent文字列.

screen

screen.width:画面幅はピクセル単位である.

screen.height:画面の高さはピクセル単位;

screen.co lorDepth:8、16、24のような色のビット数を返します.

location
http://www.example.com:8080/path/index.html?a=1&b=2#TOP

locations.protocol;/'http's

locations.host;/'wwww.example.com'

location.port;/'8080'

locations.pathname;/'/path/index.html

locations.search;/'?a=1&b=2'

location.hash;/'TOP'

document

document.title

document.co okie(サービス端末設定httpOnly)

DOM元素操作
//調べます

document.getElemenntById()唯一の

document.getElements ByTagName()

document.getElements ByClass Name()cssセレクタ

document.querySelector()

document.querySelectorAll()

//改

innerHTML(ノードの内部内容を修正する)

innerTextまたはtextContintent属性

の違いは、属性の読み取り時に、innerTextは非表示要素のテキストを返さず、textContectはすべてのテキスト

を返すことである.

apped挿入サブノード

createElement作成ノード要素ラベル

insertBefore挿入指定ノード前

    
Java
    
Python
    
Scheme



var
    list = document.getElementById('list'),
    ref = document.getElementById('python'),
    haskell = document.createElement('p');
    
haskell.id = 'haskell';
haskell.innerText = 'Haskell';
list.insertBefore(haskell, ref);



    
Java
    
Haskell
    
Python
    
Scheme


//   ，  insertBefore        “     ”   。    ，               ，      children    ：


var
    i, c,
    list = document.getElementById('list');
for (i = 0; i < list.children.length; i++) {
    c = list.children[i]; //    i    
}

//削除

//        :
var self = document.getElementById('to-be-removed');
//      :
var parent = self.parentElement;
//   :
var removed = parent.removeChild(self);
removed === self; // true