1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
这几个都可以刷新
window.location.reload();刷新
window.location.href=window.location.href;刷新
window.close();关闭窗口,不弹出系统提示,直接关闭
window.close()相当于self属性是当前窗口
window.parent.close()是parent属性是当前窗口或框架的框架组
页面实现跳转的九种方法实例:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>navigate</title>
<script language="javascript">
setTimeout('window.navigate("top.html");',2000);
setTimeout('window.document.location.href="top.html";',2000);
setTimeout('window.document.location="top.html";',2000);
setTimeout('window.location.href="top.html";',2000);
setTimeout('window.location="top.html";',2000);
setTimeout('document.location.href="top.html";',2000);
setTimeout('document.location="top.html";',2000);
setTimeout('location.href="top.html";',2000);
setTimeout('location.replace("top.html")',2000);
//window对象
//document对象
//location对象
//href属性
//1.window.document.location.href
//2.window.document.location
//3.window.location.href
//4.window.location
//5.document.location.href
//6.document.location
//7.location.href
//8.window.navigate
//9.location.replace
//只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转////
</script>
</head>
<body>
页面将在2秒后跳转
</body>
</html>
解释:
location是个对象,比如本页的document.location和window.location的属性有
location.hostname = community.csdn.net
location.href = http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02
location.host = community.csdn.net
location.hash =
location.port =
location.pathname = /Expert/topic/4033/4033372.xml
location.search = ?temp=2.695864E-02
location.protocol = http:
可见href是location的属性,类别是string。
分享到:
相关推荐
在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...
在这个场景中,"点击导航栏,页面不跳转,刷新内容"很可能就是采用了类似的无刷新技术,可能是通过JQUERY这个强大的JavaScript库来实现的。 JQUERY是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...
通过以上介绍,我们可以看到JavaScript提供了多种方法来实现页面跳转和刷新。选择哪种方法取决于具体的应用场景和技术需求。在实际开发中,开发者应该根据项目的实际情况和需求灵活选择合适的方案。例如,对于简单的...
### 自动刷新页面与自动跳转关闭的知识点详解 ...综上所述,通过合理运用HTML元标签和JavaScript技术,我们可以轻松实现页面的自动刷新、自动跳转以及自动关闭等功能,极大地提升了Web应用的用户体验和功能性。
### JavaScript页面跳转与自动刷新相关知识点 ...以上就是关于JavaScript页面跳转与自动刷新的相关知识点,包括各种不同的实现方法和具体的示例代码。希望这些内容能帮助您更好地理解和应用这些技术。
### Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案 #### 开发环境配置 本解决方案基于以下开发环境: - 操作系统:Windows 10 - Vue 版本:2.9.6 - Node.js 版本:10.15.3 - 其他依赖库:`js-cookie`...
### Nginx页面跳转新方式 ...综上所述,通过Nginx结合`refresh`跳转方式不仅可以实现快速有效的页面跳转,还能提高用户体验和系统的安全性。对于追求高效稳定服务的开发者而言,这是一种值得尝试的新方法。
以我们公司现在这个项目为例,前台是由FLEX实现,整个系统可能只有几个application组成,所有的功能点均由module实现,而Module本身无法实现各module之间的跳转,只能通过application实现对各个module的动态加载来...
在Vue应用中,为了实现用户身份验证和保护受保护的路由,通常会涉及到axios拦截器、页面跳转以及token验证。以下将详细解释这些概念及其实施步骤。 首先,我们需要理解【标题】中的“vue 实现axios拦截、页面跳转和...
在HTML中实现页面刷新时重定向到另一个网页或网站域名,主要是通过两种方式来完成:Meta刷新和JavaScript。这两种方法都是纯前端技术,无需后台语言如JAVA或PHP的配合。 一、Meta刷新重定向 Meta刷新是HTML元元素...
### JSP页面实现自动跳转 在JSP页面中实现自动跳转同样可以采用上述几种方式。以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=<%=url%>"> window.moveTo(0...
a标签跳转打开新页面
1、 实验目的 使用response对象实现网页的定时刷新并跳转功能 ...(2)实现跳转功能编写用户登录页面login,html,登录成功页面webcome.html,以及编写一个LoginServlet的类用于处理用户登录请求。
通过上述分析,我们可以看到“j2ee练习8实现页面自动跳转”涵盖了Web开发中的多个核心概念和技术,包括页面跳转、Servlet、JSP、MVC模式以及Web应用的常规设计和调试。学习并掌握这些知识点,将有助于提升J2EE开发...
同时,对于更复杂的交互和动态更新,JavaScript提供了更灵活的方法,如`setTimeout`函数可以实现定时执行任务,包括刷新和跳转操作。 总的来说,HTML的`<meta>`标签通过`http-equiv`和`content`属性提供了刷新和...
利用jQuery实现无刷新分页和跳转,不仅提升了用户的交互体验,也优化了页面的性能。通过合理初始化变量,精准计算总页数,结合灵活的跳转控制和数据动态加载,开发者可以构建出响应迅速、操作流畅的Web应用界面。在...
这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...
本次分享的案例聚焦于“实现了页面返回后刷新页面、和返回几个页面”的功能实现,这是一个在多页面应用(MPA)和单页面应用(SPA)中都非常实用的技术点,尤其是在复杂的应用场景下,如电商平台、社交平台或内容管理...
总之,区分页面刷新和关闭的需求在实际开发中很常见,可以通过利用浏览器的事件机制和本地存储机制实现。通过合理的设计和代码实现,可以大大提高用户体验和系统的健壮性。同时,这也是一个很好的例子,说明了产品...