JavaScript学習記(14) ウィンドウオブジェクトの使い方入門_基礎知識

1. ウィンドウの位置
ブラウザウィンドウの位置を画面の左と上から

コードをコピー コードは次のとおりです:

var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; // 左位置
var topPos = ( typeof window.screenTop == "number" ) ? window.screenTop : window.screenY; // ブラウザ ページのビューポートのサイズを取得するためのブラウザ サイズ
🎜>

コードをコピーします

コードは次のとおりです: var pageWidth = window.innerWidth, pageHeight = window.innerHeight;

if (typeof pageWidth != "number") {
if (document.compatMode == "CSS1Compat") {
pageWidth = document.documentElement.clientWidth; 🎜>pageHeight = document.documentElement.clientHeight;
} else {
pageWith = document.body.clientWidth;
pageHeight = document.body.clientHeight;


3. ウィンドウを開くまたはポップアップします
window.open() メソッドは 4 つのパラメーターを受け入れることができます。通常、最初のパラメーターは URL であり、2 番目のパラメーターは次のとおりです。 _self、_parent、_top、_blank またはフレーム名

コードをコピー


コードは次のとおりです:

window.open("http://www.baidu.com" ); window.open("http://www.baidu.com","_blank"); "http://www.baidu.com","topFrame"," height=400,width=400,top=10,left=10,resizable = yes"); topFrame.resizeTo(500,300); /ウィンドウ サイズを調整しますtopFrame.moveTo(100,100); //ウィンドウの位置を移動しますtopFrame.close(); //新しく開いたウィンドウを閉じると、IE がエラーを報告します

4.location オブジェクト
location.href(URL) URL のロード




コードをコピー

コードは次のとおりです:

location.href(URL) URL を読み込みます location.href(" http://www.baidu.com"); location.href = "http://www.baidu .com" ; //上と同じ location.assign = "http://www.baidu.com"; //上と同じwindow.loaction = "http://www.baidu.com "; //上記と同じlocation.replace("http://www.baidu.com"); //上記と同じですが、戻ることはできません

location.reload(); / /Reload (キャッシュからロードされる可能性があります)
location.reload(true); //Reload (サーバーからロードされる)

location.search() は URL 内のクエリ文字列を返します。 ?


で始まります。 5. クエリ文字列パラメーターを取得します




コードをコピーします

コードは次のとおりです:

function getQueryStringArgs() { var qs = (location.search.length > 0) location.search.substring(1) : ""; }; var items = qs.split("&"); var item = null,name = null,value = null; for (var i=0 ; i{

item = itmes[i].split("=");

name = decodeURIComponent(item[0]);
value = decodeURIComponent(item[1]); >args[name] = value;
}
return args;
}

//クエリ文字列パラメータは?q=javascript&num=10
var args = getQueryStringArgs( );
alert(args["q"]); //"javascript"
alert(args["num"]); //"10"


6.history object




コードをコピー


コードは次のとおりです:

history.go() page Jump

history.go(- 1); //1 ページ戻るhistory.go(1) //1 ページ進むhistory.go(2); //2 ページ進む>history.go("baidu.com" ); 最寄りのbaidu.comページにジャンプします history.back(); //1ページ戻るhistory.forword(); page

現在のページがユーザーによって開かれた最初のページであるかどうかを検出します




コードをコピーします


コードは次のとおりです。

if (history.length == 0) {
//最初のページが開かれている場合は、特定の操作を実行します

} 7. ページの読み込み window.onload() は、ページの読み込み後に特定の操作を実行するために使用されます

コードをコピー


コードは次のとおりです:

window.onload = function () {
//いくつかの操作を実行します
}