jqueryvsjavascriptJavaScript是向网页添加交互性的语言。在JavaScript之前,Web页面并不是交互式。例如,只要您必须填写Web表单,您必须填写您的信息,点击提交按钮,然后等待网页重新加载。然后,您将被告知服务器是否已被服务器接受。如果您在某个方面犯了错误,您必须纠正它,然后再次提交。然而,现在,大多数网站都使用JavaScript,这使得该过程更简单。JavaScript已制定表格交互式。例如,一旦您完成填写表单中的空白字段,例如,如果信息已正确填写,则可能会出现在其旁边的小刻度。如果您没有正确填写它,则可能会出现一个红十字会。当您现在点击提交按钮时,整个网页不重新加载 - 只有其重新加载的一部分。 These are only a few simple examples of what you can do with JavaScript.了解更多关于其他方式,您可以使用本课程在您的Web开发中使用JavaScriptbetwayapp下载安装

JavaScript允许网页与服务器进行异步通信。您的网页不需要重新加载从服务器发送和检索数据。这可以节省大量时间并减少服务器上的负载。JavaScript是一种简单的语言,如果您有编程经验,尤其需要学习。你可以报名参加这门课程,学习如何使用JavaScript编程

在本教程中,我们将看到JavaScript如何用于刷新网页。本教程已为初学者编写 - 即使您对JavaScript的经验很少,您应该能够理解它。

刷新(或重新加载)网页

javascript中的reload()方法用于重新加载网页。浏览器中的“刷新”按钮与重新加载方法完全相同。重新加载方法的语法如下:

的位置。重载();

如果你在网页的任何地方调用这个方法,网页将重新加载。重新加载将通过web缓存进行。缓存到底是什么?它是浏览器保留的临时空间,用于存储从服务器获取的文档、图像和其他数据。数据缓存可以让浏览器加快你的浏览速度,让你更快地重新加载经常访问的网站。

可以通过设置forceGet参数来更改默认的缓存重新加载。这将导致浏览器通过从服务器重新获取数据来重新加载网页,而不是使用缓存。这可以通过使用以下代码来实现:

location.reload(true);

默认情况下,forceGet参数的值为false。这意味着位置。重载方法总是像这样:

location.reload(false)

让我们拍一些例子,这样你就可以看到位置。使用方法。

例1 -简单的页面刷新

您可以从超链接内调用location.reload()方法。让我们编写一个简单的程序,它创建一个超链接,重新加载您在点击它时重新加载网页:

<!DOCTYPE html>   

点击超链接重新加载页面:

刷新页面< / > < p id =“例子”> < / p > <脚本> < /脚本> < /身体> < / html >

此代码将使用文本“刷新页面”创建简单的超链接。单击“刷新页面”时,位置将由浏览器执行,并且整个页面将重新加载。尝试在浏览器上键入程序并在浏览器上运行,以查看它是如何工作的。如果您不确定如何在浏览器中运行HTML程序,请查看HTML上的教程。或者,您可以注册本课程以了解如何运行HTML你可以用来建立一个伟大的网站的程序。

例2 -使用一个可点击的图像来刷新

您还可以使用图像调用位置重新加载方法。例如,您可以有一个小图标,“刷新”并在用户点击它时刷新网页。这样做的代码如下:

<!doctype html>   

单击超级链接以重新加载页面:

每30秒自动刷新。< / p > < /身体> < / html >

这段代码将创建一个自我刷新的网页。每30秒重新加载一次。我们在这里使用了JavaScript函数setTimeout()。该函数在设定的时间之后执行其参数中包含的函数,您可以将其更改为任何方便的时间。在我们的程序中,setTimeout()函数被设置为30000毫秒(30秒),它指向这个位置。重载方法。

示例4 - 使用按钮刷新

你也可以链接位置。重载方法,就像其他JavaScript函数一样。这样做的代码如下:

<!DOCTYPE html>   

点击Reload按钮重新加载页面:

< p id =“例子”> < / p > <脚本> < /脚本> < /身体> < / html >

这将创建一个简单的点击按钮,上面有文本“刷新页面”。单击该按钮将调用位置。Reload()方法,它将刷新页面。

还可以响应于鼠标点击调用重新加载方法。您可以使用此代码来执行以下操作:

onclick =“window.location.reload(true)”

位置.Reload()方法是一种非常有用的方法,在构建自己的交互式网站时,您可能会使用很多。要了解其他有用的JavaScript方法,采取此全面的JavaScript课程.对代码进行实验,以更好地理解事物是如何工作的。很快您就可以用JavaScript编写自己的交互式页面了!

javascript中的顶级课程

现代Javascript训练营课程(2021)
斯蒂芬·林德里尔斯蒂尔斯蒂尔
4.7 (7136)
50天的50个项目 - HTML,CSS和JavaScript
布拉德·特拉弗斯,弗洛林·波普
4.7 (4,051)
完整的JavaScript课程2021:从零到专家!
Jonas Schmedtmann.
4.7 (107389)
畅销书
JavaScript -完整指南2021(初学者+高级)
学者由Maximilian Schwarzmüller, Maximilian Schwarzmüller
4.7 (14,923)
JavaScript: The Advanced Concepts (2021)
安德烈Neagoie
4.7 (8,313)
JavaScript Web项目:20个项目构建投资组合
Andrei Neagoie, Jacinto Wong
4.7 (1,818)
初学者的JavaScript基础知识
狂舞Hamedani
4.5 (11212)
畅销书
JavaScript圣经 - JavaScript Bootcamp 2021
Bogdan Stashchuk
4.7 (1,222)
JavaScript:理解奇怪的部分
Anthony Alicea
4.8 (41,644)
从头开始的现代JavaScript
布拉德Traversy
4.7 (25411)
现代JavaScript训练营
安德鲁·米德
4.7 (11,109)
现代JavaScript(完整指南,从新手到忍者)
净忍者(肖恩养羊)
4.8 (6757)

更多JavaScript的课程

JavaScript的学生也会学到

让你的团队。领导行业。

通过Udemy为Business获取组织的在线课程和数字学习工具库的订阅。

请求一个演示