JavaScriptのwindowオブジェクトの一般的なメソッドのまとめ

WBOY
リリース: 2022-08-05 15:07:44
転載
2667 人が閲覧しました

この記事では、javascript に関する関連知識を提供します。主に、アラート、確認、プロンプトなど、ウィンドウ オブジェクトの一般的なメソッドに関する関連問題を紹介します。一緒にそれについて話しましょう。見てみてください。みんなを助けます。

JavaScriptのwindowオブジェクトの一般的なメソッドのまとめ

[関連する推奨事項: JavaScript ビデオ チュートリアルWeb フロントエンド]

ウィンドウ オブジェクト メソッド

  • alert() 警告ダイアログ ボックスを表示します

  • confrim() 指定した文字列を確認ダイアログ ボックスに表示します

  • prompt() プロンプト ダイアログ ボックスをポップアップします。

  • open() 新しいブラウザ ダイアログ ボックスを開き、URL または名前で参照されるドキュメントを表示し、作成したダイアログ ボックスのプロパティ

  • close() 参照先のダイアログ ボックスを閉じる

  • focus() 配置するダイアログ ボックスを指定します。すべてのブラウザの前面

  • blur() すべてのブラウザの最後に配置されるダイアログ ボックスを指定します

  • scrollTo(x,y)指定された座標までダイアログ ボックスをスクロールします。

  • scrollBy(offsetx,offsety) 指定された変位に従ってダイアログ ボックスをスクロールします。

  • setTimeout(timer) ) 指定されたミリ秒数の経過後に渡された式を評価します。

  • setInerval(interval) は定期的な実行コードを指定します

  • moveTo(x,y)ダイアログ ボックスを指定された座標に移動します

  • moveBy(offsetx,offsety) ダイアログ ボックスを指定された変位に移動します

  • ##resizeTo(x, y) ダイアログ ボックスのサイズを設定します

  • resizeBy(offsetx,offsety) 指定された変位に従ってダイアログ ボックスのサイズを設定します

  • # #print() "Print"

  • navigate(URL) ダイアログ ボックスを使用して、URL で指定されたページを表示します。

# 例は次のとおりです。次のとおりです:

1, open()

形式: window.open(

URL,windowame)

URL: ターゲットリンクアドレス

ウィンドウ名: 新しいウィンドウ名

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<script>
		window.open("http://www.nuc.edu.cn/");
	</script>

ログイン後にコピー

2. close()
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象open方法</title>
<script>
	
</script>


	<input>

ログイン後にコピー

3.confirm()

メッセージ、確認ボタン、キャンセル ボタンを含むダイアログ ボックスを表示します。 (確認を押すと true が返され、キャンセルを押すと false が返されます)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象confirm方法</title>
<script>
	window.confirm("胡立群最帅");
</script>


	

ログイン後にコピー

4.prompt()

ダイアログを表示します。ユーザーにフレームの入力を求めます (確認を押し、入力値を返します)

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象prompt方法</title>
<script>
	window.prompt("请输入验证码");
</script>


	

ログイン後にコピー

## 5, SetInterval ()

# (計算済み) を呼び出します関数または式の計算 (平たく言えば、プログラムの実行に数ミリ秒を設定します)

形式: setInterval ('js コードまたは関数'、関数またはコードの実行間隔)

<!--方法1-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;test();&#39;,1000);
	function test(){
		alert("hello world")
	}
</script>


	





<!--方法2-->
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法</title>
<script>
	setInterval(&#39;alert("hello world");&#39;,1000);
	
</script>


	

ログイン後にコピー

JavaScriptのwindowオブジェクトの一般的なメソッドのまとめ6.clearInterval()

setInterval はループを続けることができます。停止したい場合は、window.clearInterval( );# を使用できます。 # #
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setInterval方法循环取消方法--clearInterval</title>
<script>
	var 控制循环=setInterval(&#39;alert("hello world");&#39;,3000);
</script>


	<input>

ログイン後にコピー

7. setTimeout()

setTimeout と setInterval は両方とも JS のタイマーです。特定の操作との違いは、指定された時間の経過後に操作を実行した後に setTimeout が停止することです。 コードが埋め込まれています

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;alert("hello world");&#39;,3000);
</script>




ログイン後にコピー

埋め込み関数

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法</title>
<script>
	var 控制循环=setTimeout(&#39;test()&#39;,3000);
	function test(){
		alert("hello world");
	}
</script>




ログイン後にコピー

8. clearTimeout()

setTimeout メソッドで設定したタイムアウトを解除します (setTimeout() を停止します)
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<meta>
<title>window对象setTimeout方法取消方法--clearTimeout</title>
<script>
	var 控制循环=setTimeout(&#39;test()&#39;,3000);
	function test(){
		alert("hello world");
	}
</script>


	<input>

ログイン後にコピー

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

以上がJavaScriptのwindowオブジェクトの一般的なメソッドのまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!