`
accpzgp
  • 浏览: 14249 次
  • 性别: Icon_minigender_1
  • 来自: 天津
最近访客 更多访客>>
社区版块
存档分类
最新评论

页面实现跳转和刷新

 
阅读更多

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。

分享到:
评论

相关推荐

    JS页面跳转和js对iframe进行页面跳转、刷新

    在IT领域,特别是前端开发中,JavaScript(简称JS)被广泛用于实现网页的动态功能,包括页面跳转和对iframe内的页面进行跳转与刷新。本文将深入解析JS页面跳转的各种方法,以及如何利用JS操作iframe进行页面跳转和...

    点击导航栏,页面不跳转,刷新内容

    在这个场景中,"点击导航栏,页面不跳转,刷新内容"很可能就是采用了类似的无刷新技术,可能是通过JQUERY这个强大的JavaScript库来实现的。 JQUERY是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...

    js页面跳转和自动刷新

    通过以上介绍,我们可以看到JavaScript提供了多种方法来实现页面跳转和刷新。选择哪种方法取决于具体的应用场景和技术需求。在实际开发中,开发者应该根据项目的实际情况和需求灵活选择合适的方案。例如,对于简单的...

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 ...综上所述,通过合理运用HTML元标签和JavaScript技术,我们可以轻松实现页面的自动刷新、自动跳转以及自动关闭等功能,极大地提升了Web应用的用户体验和功能性。

    javascript页面跳转与自动刷新常用代码

    ### JavaScript页面跳转与自动刷新相关知识点 ...以上就是关于JavaScript页面跳转与自动刷新的相关知识点,包括各种不同的实现方法和具体的示例代码。希望这些内容能帮助您更好地理解和应用这些技术。

    Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案.docx

    ### Vue实现动态路由及登录404页面跳转控制页面刷新空白解决方案 #### 开发环境配置 本解决方案基于以下开发环境: - 操作系统:Windows 10 - Vue 版本:2.9.6 - Node.js 版本:10.15.3 - 其他依赖库:`js-cookie`...

    nginx页面跳转新方式

    ### Nginx页面跳转新方式 ...综上所述,通过Nginx结合`refresh`跳转方式不仅可以实现快速有效的页面跳转,还能提高用户体验和系统的安全性。对于追求高效稳定服务的开发者而言,这是一种值得尝试的新方法。

    路由技术解决页面跳转问题

    以我们公司现在这个项目为例,前台是由FLEX实现,整个系统可能只有几个application组成,所有的功能点均由module实现,而Module本身无法实现各module之间的跳转,只能通过application实现对各个module的动态加载来...

    vue 实现axios拦截、页面跳转和token 验证

    在Vue应用中,为了实现用户身份验证和保护受保护的路由,通常会涉及到axios拦截器、页面跳转以及token验证。以下将详细解释这些概念及其实施步骤。 首先,我们需要理解【标题】中的“vue 实现axios拦截、页面跳转和...

    html如何在刷新网页面时重定向跳转到另一个网页或网站域名.纯前端代码,无需后台JAVA,PHP配合

    在HTML中实现页面刷新时重定向到另一个网页或网站域名,主要是通过两种方式来完成:Meta刷新和JavaScript。这两种方法都是纯前端技术,无需后台语言如JAVA或PHP的配合。 一、Meta刷新重定向 Meta刷新是HTML元元素...

    java页面自动跳转

    ### JSP页面实现自动跳转 在JSP页面中实现自动跳转同样可以采用上述几种方式。以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=&lt;%=url%&gt;"&gt; window.moveTo(0...

    js实现a标签跳转打开新页面

    a标签跳转打开新页面

    实现网页定时刷新并跳转功能

    1、 实验目的 使用response对象实现网页的定时刷新并跳转功能 ...(2)实现跳转功能编写用户登录页面login,html,登录成功页面webcome.html,以及编写一个LoginServlet的类用于处理用户登录请求。

    j2ee练习8实现页面自动跳转

    通过上述分析,我们可以看到“j2ee练习8实现页面自动跳转”涵盖了Web开发中的多个核心概念和技术,包括页面跳转、Servlet、JSP、MVC模式以及Web应用的常规设计和调试。学习并掌握这些知识点,将有助于提升J2EE开发...

    HTML网页跳转实现5秒之后刷新本页,5秒之后跳转到其它页.zip

    同时,对于更复杂的交互和动态更新,JavaScript提供了更灵活的方法,如`setTimeout`函数可以实现定时执行任务,包括刷新和跳转操作。 总的来说,HTML的`&lt;meta&gt;`标签通过`http-equiv`和`content`属性提供了刷新和...

    jquery实现无刷新分页,跳转

    利用jQuery实现无刷新分页和跳转,不仅提升了用户的交互体验,也优化了页面的性能。通过合理初始化变量,精准计算总页数,结合灵活的跳转控制和数据动态加载,开发者可以构建出响应迅速、操作流畅的Web应用界面。在...

    使用iframe实现点击导航无刷新切换页面

    这里的JavaScript函数`changeIframe`接收一个参数,即要加载的页面URL,并将其赋值给`iframe`的`src`属性,从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...

    实现了页面返回后刷新页面、和返回几个页面

    本次分享的案例聚焦于“实现了页面返回后刷新页面、和返回几个页面”的功能实现,这是一个在多页面应用(MPA)和单页面应用(SPA)中都非常实用的技术点,尤其是在复杂的应用场景下,如电商平台、社交平台或内容管理...

    JS区分浏览器页面是刷新还是关闭

    总之,区分页面刷新和关闭的需求在实际开发中很常见,可以通过利用浏览器的事件机制和本地存储机制实现。通过合理的设计和代码实现,可以大大提高用户体验和系统的健壮性。同时,这也是一个很好的例子,说明了产品...

Global site tag (gtag.js) - Google Analytics