JSでのwindowのプロパティとメソッドの使い方について-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

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

不言

Jul 16, 2018 pm 05:25 PM

この記事は主に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";) と同等です

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7547

CakePHP チュートリアル

1382

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

独自のJavaScriptライブラリを作成および公開するにはどうすればよいですか？ Mar 18, 2025 pm 03:12 PM

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

ブラウザでのパフォーマンスのためにJavaScriptコードを最適化するにはどうすればよいですか？ Mar 18, 2025 pm 03:14 PM

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか？ Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

ブラウザ開発者ツールを使用してJavaScriptコードを効果的にデバッグするにはどうすればよいですか？ Mar 18, 2025 pm 03:16 PM

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

誰がより多くのPythonまたはJavaScriptを支払われますか？ Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。