JavaScript学習メモ(10)_JavaScriptスキル

Window对象
window对象表示整个浏览器窗口，window还可用于移动或调整它表示的浏览器的大小。

一、窗口操作
window.moveBy(dx,dy)

把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy值为负数，向上移动窗口。

window.moveTo(x,y)

移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分窗口移出屏幕的可视区域。

window.resizeBy(dw,dh)
相对于浏览器窗口的当前大小，把它口的宽度调整dw个像素，高度调整dy个像素。dw为负数，把缩小窗口的宽度，dy为负数，缩小窗口的高度。
window.resizeTo(w,h)
把窗口的宽度调整为w，高度调整为h。不能使用负数。窗口在屏幕上的位置以及它的尺寸。由于缺乏相应的标准，就产生了问题。

二、导航和打开新窗口
window.open()方法打开新窗口

该方法接收四个参数：①载入新窗口的URL ②新窗口的名字（为目标所用） ③特性字符串 ④说明是否用新载入的页面替换当前载入的页面的Boolean值。

第三个参数特性字符串的设置列表：

设置	值	说明
left	Number	新创建的窗口的左坐标，不能为负数*
top	Number	说明新创建的窗口的上坐标。不能为负数*
height	Number	设置新创建的窗口的高度。该数字不能小于100*
width	Number	设置新创建的窗口的宽度。该数字不能小于100*
resizable	yes,no	判断新窗口能否拖动边线调整大小，默认值是no
scrollable	yes,no	判断新窗口是否允许滚动，默认值是no
toolbar	yes,no	判断新窗口是否显示工具栏，默认值是no
status	yes,no	判断新窗口是否显示状态栏，默认值是no
location	yes,no	判断新窗口是否显示地址栏，默认值是no

注: 機能文字列はカンマで区切られるため、カンマまたは等号の前後にスペースを入れることはできません。

window.open() メソッドは、関数値としてウィンドウ オブジェクトを返します。ウィンドウ オブジェクトは、新しく作成されたウィンドウ (または、指定された名前が既存のフレームの名前である場合はフレーム) です。このオブジェクトを使用して、新しく作成されたウィンドウを操作できます。

3. システムダイアログボックス

これについてはこれ以上書く必要はありません。アラート()、確認()、プロンプト()

4. ステータスバー

ステータス バーは、ページの読み込み中とページの読み込み完了をユーザーに通知します。これは、ウィンドウの 2 つのプロパティ、status とdefaultStatus

によって制御できます。

defaultStatus はブラウザのステータス バーのデフォルトの表示内容を定義するために使用されますが、マウスがリンク上に移動するとステータス バーのテキストが変更され、リンクが外に移動すると値が変更されます。 defaultStatus によって定義されます。これは、ステータス バーの内容を一時的に変更するために使用される status 属性とは異なります。

5. 時間間隔と一時停止

setTimeout() は 2 つのパラメータを受け取ります。最初のパラメータはコード文字列または関数ポインタです。2 番目のパラメータは実行前に待機するミリ秒数 (1/1000 秒) です。

一時停止およびキャンセルするには、clearTimeout() メソッドを呼び出します。このメソッドはパラメータ「数値一時停止 ID」を受け取ります。デジタル一時停止 ID は setTimeout() によって作成されます。 setTimeout() は、オペレーティング システムのプロセス ID に似た数値の一時停止 ID を返します。一時停止 ID は基本的に、遅延するプロセスの ID です。

6. 歴史

go() メソッドにはパラメータが 1 つだけあり、それは前後のページ数です。負の数の場合はブラウザ履歴に戻り、整数の場合は次へ進みます。

window.history.go(-1) //1 ページ戻ります

window.history.go(1) //1 ページ進む

または

history.go(-1); //ウィンドウオブジェクトへの参照は必要ありません

back() メソッドと forward() メソッドを使用して同じ操作を実現できます。

history.back(); //1 ページ戻ります

history.forward(); //1 ページ進む

履歴のページ数を表示するには、length 属性を使用します:

alert(history.length);

複数のページに進んだり戻ったりしたい場合は、length 属性を使用して、最初にそれができるかどうかを確認できます。