Home >Web Front-end >JS Tutorial >How to make page reload in JavaScript

How to make page reload in JavaScript

清浅Original: 2018-12-06 16:01:337713browse

In JavaScript, you can set the value of the reload() method to true to reload the page

When we browse the page, in the upper left corner of the browser There is a button that allows us to refresh the page. So how does it operate in the program? Next, in the article, I will introduce to you how to implement page loading technology in JavaScript. It has certain reference value and I hope it will be helpful to everyone. .

【Recommended course: JavaScript Tutorial】

To implement page loading, you need to use the reload() method. The purpose of this method is to reload the current document

reload() method

location.reload()

When we set the value of reload() to true, it will bypass the cache and re-download the document from the server, just like every time we click the browser's refresh button.

If this method is set to false or no parameters are set, it will use the If-Modified-Since in the HTTP header to detect whether the document on the server has changed. If the document has changed, reload () will download the document again; if the document has not changed, this method will load the document from the cache.

Example:

<body>
		<input type="button" value="刷新" onclick="document.location.reload(true);">
		<p>点击上面的按钮会刷新页面</p>
		<img  src="images/1.jpg"  style="max-width:90%" alt="How to make page reload in JavaScript" >
</body>

The rendering is as follows:

How to make page reload in JavaScript

We can also set the time, such as how often the page is refreshed

Example: Set the page to refresh every 5 seconds

<body>
		<p>页面隔5s会刷新一次</p>
	<img  src="images/1.jpg"  style="max-width:90%" alt="How to make page reload in JavaScript" >
	<script type="text/javascript">

		function timedReload(time){
			setTimeout("location.reload(true);",time);
			
		}
		window.onload=timedReload(5000);
	</script>

The effect is as follows:

How to make page reload in JavaScript

We can set a pop-up box button when we click refresh A dialog box will pop up. The page will be refreshed when OK is clicked. The page will not be refreshed when Cancel is clicked.

Example:

<p><a href="javascript:sureReload();">刷新</a></p>
	<img  src="images/1.jpg"  style="max-width:90%" alt="How to make page reload in JavaScript" >
	<script type="text/javascript">
		function sureReload(){
		var sure=confirm("你确定刷新页面吗？");
		if(sure==true){
			setTimeout("location.reload(true);",5000);
		}
	}
	</script>

The rendering is as follows

How to make page reload in JavaScript

Summary: The above is the entire content of this article. I hope that this article can give everyone a certain understanding of JavaScript page loading.

The above is the detailed content of How to make page reload in JavaScript. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to add watermark to PDF in node.js (code example)Next article：How to add watermark to PDF in node.js (code example)

See more

How to make page reload in JavaScript

Related articles