JavaScript がページをリロード (更新) する方法-jsチュートリアル-php.cn

JavaScript がページをリロード (更新) する方法

青灯夜游

リリース： 2018-11-20 17:12:53

オリジナル

15978 人が閲覧しました

この記事の内容は、JavaScriptを使用してページをリロード(更新)する方法を紹介するものです。困っている友人は参考にしていただければ幸いです。

JavaScript で HTML ページをリロードまたは更新するにはいくつかの方法がありますが、標準的な方法は window.location オブジェクトを使用することです。この記事では、window.location オブジェクトを使用してページを再読み込み (更新) する方法を紹介します。

reload() メソッドは window.location オブジェクトで提供され、ブラウザにページをリロードするように指示します。ブラウザは、オプションのパラメータに応じて、キャッシュまたはサーバーからこれを実行できます。つまり、reload(true) はサーバーからページをリロードし、reload(false) はブラウザのキャッシュからのみページをリロードします。

以下では、JavaScript でページをリロード (更新) する方法を簡単なコード例で紹介します。

この例では、jQuery と JavaScript を使用してサーバーとブラウザのキャッシュからページをリロードする方法を紹介します。

HTML には 2 つのボタンがあり、1 つはサーバーからページを再読み込みするボタン、もう 1 つはブラウザキャッシュからページを更新するボタンです。 location.reload() はすべてのブラウザで機能しますが、jQuery を使用して、クリックハンドラーを 2 つのボタンにアタッチするなど、他のコードをラップすることもできます。

サンプルコード:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>使用jQuery和JavaScript重新加载(刷新)页面</title>
		<script type="text/javascript" src="query.min.js" ></script>
	</head>

	<body>
		<h2>如何使用jQuery和JavaScript重新加载(刷新)页面</h2>

		<button id="btn_reload">从服务器重新加载</button>
		<button id="btn_refresh">从浏览器的缓存中重新加载</button>
		<script>
			$(document).ready(function(){
				$("#btn_refresh").click(function() {
					location.reload(false); //从浏览器的缓存加载 
				});
				$("#btn_reload").click(function() {
					location.reload(true); //从服务器加载
				});
			});
		</script>

	</body>

</html>

ログイン後にコピー

レンダリング:

JavaScript がページをリロード (更新) する方法