ホームページ >ウェブフロントエンド >jsチュートリアル >JSでのwindowのプロパティとメソッドの使い方について

JSでのwindowのプロパティとメソッドの使い方について

不言オリジナル: 2018-07-16 17:25:072387ブラウズ

この記事は主にJSのウィンドウ属性とメソッドの分析を紹介しています。これは、必要な友人に参照してもらうために共有します

setIntervalを使用せずにオブジェクトを記述できます。 ( ) – 指定されたコードを指定されたミリ秒間継続して実行します。

clearInterval() – setInterval() メソッドの実行を停止するために使用される関数コード。

setTimeout() - 指定されたミリ秒数の一時停止後に、指定されたコードを実行します。

clearTimeout() - setTimeout() メソッドの実行を停止するために使用される関数コード

例:

タイマーを使用して、時計を表示しますページ

•時刻形式: xxxx 年 xx 月 xx 日 xx:xx:xx から秒まで

•1 秒ごとに更新します

1 <body>
2     <button onclick="open1()">打开新页面</button>
3     <button onclick="start1()">开始显示时间</button>
4     <button onclick="stop1()">停止时间</button>
5 </body>

<script type="text/javascript">
            function open1(){
                window.open("new_file.html","newFile","menubar=no,location=no,toolbar=no,resize=no,width=500,height=500,top=200,left=400")
            }
            
            function time1(){
            var date = new Date();
            var y = date.getFullYear();
            var mo = date.getMonth();
            var d = date.getDate();
            var h = date.getHours();
            var m = date.getMinutes();
            var s = date.getSeconds();
            console.log("%d年%d月%d日 %d:%d:%d" ,y , mo , d , h , m , s );                
            }
            var inter = null ;
            
            function start1(){
                if(inter != null){
                    stop1();
                }
                inter = setInterval(time1,1000);
            }
            
            function stop1(){
                clearInterval(inter);
                inter = null;
            }
            
            
        </script>

close() - 現在のウィンドウを閉じます

open() - 新しいウィンドウを開いて、新しいウィンドウのオブジェクト

構文 window.open(URL,name,features,replace);

URL: 新しいウィンドウの URL を宣言するオプションの文字列。このパラメータが省略されている場合、または値が空の文字列の場合、新しいウィンドウにはドキュメントは表示されません。

name: オプションの文字列。これは、新しいウィンドウの名前を宣言する機能のカンマ区切りのリストです。このパラメータで既存のウィンドウを指定した場合、open メソッドは指定されたウィンドウへの参照を返します (新しいウィンドウは作成されません)。このとき、機能は無視されます。

features: 新しいウィンドウに表示される標準のブラウザ機能を宣言するオプションの文字列。省略した場合、新しいウィンドウにはすべての標準機能が含まれます。

replace: オプションのブール値。ウィンドウにロードされた URL がウィンドウの閲覧履歴に新しいエントリを作成するか、閲覧履歴の現在のエントリを置き換えるかを指定します。次の値がサポートされています。 • true - URL は閲覧履歴の現在のエントリを置き換えます。 •false - URL は閲覧履歴に新しいエントリを作成します。

open()メソッドの第3引数は下表の通りです

channelmode=yes|no|1|0ウィンドウの表示にシアターモードを使用するかどうか。デフォルトは「いいえ」です。 resizable=yes|no|1|0directories=yes|no|1|0ディレクトリボタンを追加するかどうか。デフォルトは「はい」です。 scrollbars=yes|no|1|0fullscreen=yes|no|1|0 ブラウザを全画面モードで表示するかどうか。デフォルトは「いいえ」です。 status=yes|no|1|0height=pixelsウィンドウのドキュメント表示領域の高さ。ピクセル単位で測定されます。 titlebar=yes|no|1|0left=pixels ウィンドウの x 座標。ピクセル単位で測定されます。 toolbar=yes|no|1|0location=yes|no|1|0住所フィールドを表示するかどうか。デフォルトは「はい」です。 top=pixelsmenubar=yes|no|1|0メニューバーを表示するかどうか。デフォルトは「はい」です。 width=pixelsLocation オブジェクトのプロパティ

		ウィンドウがサイズ変更可能かどうか。デフォルトは「はい」です。
		スクロールバーを表示するかどうか。デフォルトは「はい」です。
	全画面モードのウィンドウはシアターモードでもある必要があります。	ステータスバーを追加するかどうか。デフォルトは「はい」です。
		タイトルバーを表示するかどうか。デフォルトは「はい」です。
		ブラウザのツールバーを表示するかどうか。デフォルトは「はい」です。
		ウィンドウの y 座標。
		ウィンドウのドキュメント表示領域の幅。ピクセル単位で測定されます。

hash ポンド記号 (#) で始まる URL (アンカー) を設定または返します。 host 現在の URL のホスト名とポート番号を設定または返します。 hostname 現在の URL のホスト名を設定または返します。 href 完全な URL を設定または返します。 pathname 現在の URL のパス部分を設定または返します。 port 現在の URL のポート番号を設定または返します。 protocol 現在の URL のプロトコルを設定または返します。 search 疑問符 (?) で始まる URL (クエリ部分) を設定または返します。以下は例です

<script type="text/javascript">
var hash = location.hash;// top
var host = location.host;// www.baidu.com:8020
var hostname = location.hostname;// www.baidu.com
var port = location.port;// 8020;
var pathname = location.pathname;// index.html
var protocol = location.protocol; // http
console.log(location);
console.log(hash);
console.log(host);
console.log(hostname);
console.log(port);
console.log(pathname);
console.log(protocol);
</script>

Locationオブジェクトのメソッド

assign() 新しいドキュメントを読み込みます。

reload() 現在のドキュメントを再ロードします。これはページを更新するのと同じです。

replace() 現在のドキュメントを新しいドキュメントに置き換えます。

（location.replace("location.html#top?a=10&b=20"); は location.href = "location.html#top?a=10&b=20";) と同等です

JSでのwindowのプロパティとメソッドの使い方について

関連記事