`

web页面之间的跳转小技巧

阅读更多
返回上一页的js方法:

<a href="javascript:history.go(-1)">返回上一页</a>

<a href="javascript:location.reload()">刷新当前页面</a>

<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>

<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>

<a href="javascript:" onclick="history.back(); ">返回上一页</a>
页面跳转:

onclick="window.location.href='list.php'"

Javascript刷新页面的几种方法:

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

自动刷新页面的方法:


1.页面自动刷新:把如下代码加入<head>区域中


<meta http-equiv="refresh" content="10">

10指每隔10秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

10指隔10秒后跳转到http://www.baidu.com页面

js自动刷新当前页面:

复制代码 代码如下:


<script language="JavaScript">

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

JS刷新框架的脚本语句

复制代码 代码如下:


//刷新包含该框架的页面用

<script language=JavaScript>

parent.location.reload();

</script>

//子窗口刷新父窗口

<script language=JavaScript>

self.opener.location.reload();

</script>

( 或 <a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用

<script language=JavaScript>

parent.另一FrameID.location.reload();

</script>

要关闭窗口时刷新或开窗时刷新,在<body>中调用以下语句即可:

复制代码 代码如下:


<body onload="opener.location.reload()"> 开窗时刷新

<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">

window.opener.document.location.reload()

</script>
分享到:
评论

相关推荐

    js页面跳转整理。。

    在Web开发中,页面跳转是非常常见的需求之一。通过JavaScript可以非常灵活地控制页面的导航逻辑,无论是打开新的窗口、跳转到指定页面还是处理复杂的导航历史,JavaScript都能提供强大的支持。本文将对JS页面跳转的...

    页面跳转代码

    页面跳转是Web开发中的一个基础操作,用于在用户完成某个任务或点击特定链接后,自动将用户重定向到另一个页面。以下是对标题和描述中提及的几种常见页面跳转方式的详细说明: 1. 服务器端跳转: 在ASP.NET等...

    web开发常用小技巧.doc

    以下是一些常见的Web开发小技巧,旨在提高开发效率和用户体验。 1. **事件处理**:在JavaScript中,可以通过`event.srcElement`获取事件源对象,如元素的`tagName`和`type`属性。通过`event.srcElement.setCapture...

    40种网页小技巧(html开发员有帮助哦)

    - **技巧**: 使用 JavaScript 检查当前窗口是否是顶级窗口,并自动跳转到指定的框架页面。 - **代码示例**: ```html &lt;!-- if (window == top) top.location.href = "frames.htm"; //--&gt; ``` 如果当前页面...

    微信H5与小程序支付与环境跳转

    在移动互联网领域,微信作为一款超级应用...总之,理解并熟练掌握微信H5与小程序的支付方式以及环境间的跳转技巧,是提升用户体验、促进业务发展的重要手段。开发者需要紧跟微信生态的变化,不断优化自己的产品和服务。

    网页代码常用小技巧

    使用`&lt;a name="..."&gt;`或`&lt;a id="..."&gt;`创建锚点,便于页面内的跳转。 8. **列表与嵌套**: 无序列表和有序列表,以及它们的子元素用于组织信息,可以嵌套使用以创建多级结构。 9. **CSS选择器**: 类似于.class...

    flash 广告跳转效果

    4. **定义跳转URL**:在ActionScript中,可以使用`navigateToURL()`函数来实现页面跳转,参数为链接地址和打开方式(新窗口或当前窗口)。 5. **发布和测试**:保存并预览Flash项目,确保动画效果和跳转功能正常。...

    webaccess 使用技巧

    3、**直接登录到工程监控页面**:通过在浏览器中输入特定的URL和认证信息,可以直接跳转到WebAccess的工程监控页面,无需经过主界面,提高了工作效率。 4、**ODBC记录查询嵌入**:WebAccess支持与ODBC兼容的数据库...

    一些ASP.NET的Web开发源代码小实例,初学者的常用技巧

    在ASP.NET中,可以使用Response.Redirect方法进行页面跳转,同时,可以通过URL查询字符串、视图状态(ViewState)、隐藏字段、Session或Cookie等方式传递参数。这些实例将教你如何有效地在页面间移动用户,并携带必要...

    实用技巧Web篇(3) 源码

    在本节中,我们将深入探讨"实用技巧Web篇(3) 源码"的主题,主要关注`TestScroll.html`这个文件,它很可能是关于网页滚动效果或交互的一个实例。在Web开发中,源码是理解网站工作原理、优化性能和实现独特功能的...

    Javascript小技巧一箩筐

    - **防止空链接跳转**:使用`javascript:`伪协议可以避免点击空链接导致的页面跳转问题,保持用户体验的一致性。 通过上述技巧的学习与应用,开发者不仅能够优化现有项目的性能,还能在遇到新挑战时更加从容不迫,...

    网页跳转源码简洁网页界面

    在网页设计和开发中,页面跳转是一个常见的需求,它可以帮助用户从一个页面平滑过渡到另一个页面,或者根据某些条件自动跳转至特定网址。下面将详细解释这个主题所涵盖的知识点。 首先,我们需要理解HTML的基础知识...

    visio模具 web相关

    例如,可以通过线条指示用户点击按钮后页面的跳转,或者使用动作标记来表示某个元素的行为(如弹出对话框)。 4. **网页流程图**: Visio也是绘制网站流程图的理想工具。你可以用它来规划用户路径,展示不同页面...

    10种 js web分页效果

    在Web页面中,当数据量过大时,为了提高用户体验和加载速度,通常会采用分页技术来展示内容。本教程将深入探讨10种不同的JS Web分页效果,这些效果设计精良,适用于现代网站的需求。 1. **基础分页**:这是最简单的...

    Flex中的小技巧备忘

    ### Flex中的小技巧备忘 在Flex开发过程中,掌握一些实用的小技巧可以帮助开发者更高效地完成项目,并提高代码质量。本文将详细介绍四种与Flex相关的实用技巧。 #### 技巧一:复制文本到剪贴板 在某些场景下,...

    iframe父页面与子页面通信及相互调用方法

    - **`window.name`属性**:由于`window.name`的特性是跨页面保持不变的,因此可以利用这一点在页面跳转时传递数据。 - **`jQuery`插件**:`jqueryiframe`可能包含一些jQuery插件,如`iframeResizer`,这些插件...

    静态页面的传值

    3. **Cookie**:虽然现在更多地用于服务器与浏览器之间的交互,但Cookie也可以用于在静态页面间传递小量数据。通过JavaScript的`document.cookie`属性设置和读取Cookie。不过,Cookie的大小和数量有限制,并且会被...

Global site tag (gtag.js) - Google Analytics