ブラウザオブジェクトモデルBOM
10970 ワード
windowオブジェクトのプロパティ
クローズド
ウィンドウが閉じられている時は本当です.
default Status
ウィンドウの下のステータスバーに表示されるデフォルトのステータスメッセージ
document
ウィンドウに現在表示されているドキュメントオブジェクト
frames
ウィンドウ内のフレームオブジェクト配列
history
ウィンドウに一番近いURLが保存されています.
length
ウィンドウのフレーム数
location
現在のウィンドウのURL
name
ウィンドウ名
offscreenBuffering
新しいウィンドウの内容を描画し、完了後に既存のコンテンツをコピーするために、画面の更新を制御します.
opener
現在のウィンドウを開く
parent
別のウィンドウを含むウィンドウを指します.(枠で使用します.)
screen
画面に関する情報を表示します.高さ、幅(ピクセル単位)
self
現在のウィンドウを示します
status
ユーザ相互作用によるステータスバーの一時メッセージを記述する.
トップ
特定のウィンドウを含む最上位のウィンドウ(フレームで使用)
window
現在のウィンドウを示します.selfと等価です.
windowオブジェクトの方法
alert(text)
警告ダイアログを作成して、メッセージを表示します.
blur()
フォーカスをウィンドウから削除します.
clear Interval(interval)
前に設定したタイマーの間隔をクリアします.
clearTimeOut(timer)
クリア前に設定したタイムアウト
close()
ウィンドウを閉じる
confirm()
ユーザー確認が必要なダイアログを作成します.
focus()
ウィンドウにフォーカスを移動
open(url,name,[options]
新しいウィンドウを開き、新しいwindowオブジェクトに戻ります.
prompt(text、default Input)
ダイアログを作成して、ユーザーに情報の入力を要求します.
scroll(x,y)
ウィンドウをピクセルポイントの位置にスクロールします.
set Interval(expression、miliseconds)
指定された時間間隔で式を計算します.
set Interval(function,milisenconds,[argments])
指定された時間間隔を経て関数を呼び出します.
set Timeout(expression、miliseconds)
タイマーがオーバーした後に式を計算します.
set Timeout(expression、miliseconds、[argments])
タイマーがオーバーした時に関数を計算します.
print()
印刷ダイアログを呼び出す
find()
検索ダイアログを呼び出す
//
alert('Lee'); //
//
confirm(' '); //
if (confirm(' ')) { //confirm
alert(' !'); // true
} else {
alert(' !'); // false
}
//
var num = prompt(' ', 0); // , ,
alert(num); //
//
print(); //
find(); //
defaultStatus = ' '; //
status=' '; //
// ,IE
alert(screenLeft); //IE
alert(typeof screenLeft); //IE number, undefined
// ,Firefox
alert(screenX); //Firefox
alert(typeof screenX); //Firefox number,
/*
screenX IE , alert(screenX),screenX , 。 window , :alert(window.screenX)。
*/
//
var leftX = (typeof screenLeft == 'number') ?screenLeft : screenX;
var topY = (typeof screenTop == 'number') ?screenTop : screenY;
/*
,Firefox、Safari、Opera Chrome 4 :innerWidth innerHeight, ;outerWidth outerHeight, 。
*/
alert(innerWidth); //
alert(innerHeight); //
alert(outerWidth); // +
alert(outerHeight); // +
/*
1). Chrome ,innerWidth=outerWidth、innerHeight=outerHeight;
2). IE ; , DOM 。
3). IE Firefox、Safari、Opera Chrome ,document.documentElement.clientWidth document.documentElement.clientHeight 。
4). IE6 , ; , document.body.clientWidth document.body.clientHeight 。
*/
// Firefox , innerWidth innerHeight
var width = window.innerWidth; // window, IE
var height = window.innerHeight;
if (typeof width != 'number') { // IE, document
if(document.compatMode == 'CSS1Compat') {
width =document.documentElement.clientWidth;
height =document.documentElement.clientHeight;
}else {
width = document.body.clientWidth; // body
height = document.body.clientHeight;
}
}
/*
。document.compatMode , CSS1Compat 。
*/
//
moveTo(0,0); //IE , 0,0
moveBy(10,10); //IE , 10
//
resizeTo(200,200); //IE ,
resizeBy(200,200); //IE ,
// , 。
var box = setTimeout(function () { // ID box
alert('ok');
}, 1000);
clearTimeout(box); // ID ,
setInterval(function () { //
alert('ok');
}, 1000);
var box = setInterval(function () { // ID
alert('ok');
}, 1000);
clearInterval(box); //
// , 5 , :
var num = 0; //
var max = 5; //
setInterval(function () { //
num++; // num
if(num == max) { // 5
clearInterval(this); // ,this
alert('5 !');
}
}, 1000); //1
/*
, 。 , , ID, , , 。
*/
var num = 0;
var max = 5;
function box() {
num++;
if(num == max) {
alert('5 !');
}else {
setTimeout(box, 1000);
}
}
setTimeout(box, 1000); //
/*
, ID, , , 。
*/
Locationオブジェクトの属性
sh
この部分があると、アンカー部分を表します.
ホスト
ホスト名:ポート番号
hostname
ホスト名
href
URL全体
pathname
パス名
ポーター
ポート番号
protocol
協議の部分
search
クエリー文字列
Locationオブジェクトの属性
assign()
指定ページにジャンプすると、hrefと同等です.
reload()
現在のURLをリロードします
レパルス()
現在のページを新しいURLで置換します.
location.hash = '#1'; // # ,
alert(location.hash); // #
location.port = 8888; // ,
alert(location.port); // ,
location.hostname = 'Lee'; // ,
alert(location.hostname); // ,
location.pathname = 'Lee'; // ,
alert(location.pathname); // ,
location.protocal = 'ftp:'; // ,
alert(location.protocol); //
location.search = '?id=5'; // ? ,
alert(location.search); // ?
location.href = 'http://www.baidu.com'; // URL,
alert(location.href); // URL
/*
Web , ?id=5&search=ok URL , location, , 。
*/
function getArgs() {
varargs = []; //
// ?
varqs = location.search.length > 0 ? location.search.substring(1) : '';
varitems = qs.split('&'); // &
varitem = null, name = null, value = null;
for(var i = 0; i < items.length; i++) {
item = items[i].split('=');
name = item[0];
value = item[1]; //
args[name] = value;
}
returnargs;
}
var args = getArgs();
alert(args['id']);
alert(args['search']);
location.assign('http://www.baidu.com'); // URL
location.reload(); // ,
location.reload(true); // ,
location.replace('http://www.baidu.com'); //
function back() { // URL
history.back();
}
function forward() { // URL
history.forward();
}
function go(num) { // URL
history.go(num);
}
// history.length== 0, 。