`

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

 
阅读更多
js页面跳转和js对iframe进行页面跳转、刷新

一、js方式的页面跳转
1.window.location.href方式
    <script language="javascript" type="text/javascript">
           window.location.href="http://www.dayanmei.com/";
    </script>
2.window.navigate方式跳转 Firefox不支持
   <script language="javascript">
    window.navigate("top.jsp");
  </script> 

如果:top.jsp中有Iframe则,top.jsp在iframe中打开。(IE6测试过);
3.window.loction.replace方式实现页面跳转,注意跟第一种方式的区别
<script language="javascript">
    window.location.replace("http://www.dayanmei.com");
</script>
有3个jsp页面(a.jsp, b.jsp, c.jsp),进系统默认的是a.jsp ,当我进入b.jsp的时候, c.jsp里面用window.location.replace("c.jsp");与用window.location.href ("c.jsp");从用户界面来看是没有什么区别的,但是当c.jsp页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回b.jsp页面的话,区别就出来了,当用 window.location.replace("c.jsp");连到c.jsp页面的话,c.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到a.jsp 。
4.self.location方式实现页面跳转,和下面的top.location有小小区别
   <script language="JavaScript">
          self.location='top.htm';
   </script>
5.top.location
   <script language="javascript">
          top.location='xx.jsp';
   </script>
6.不推荐这种方式跳转
    <script language="javascript">
    window.history.back(-1);
   </script>

7..页面自动刷新:把如下代码加入<head>区域中 <meta http-equiv="refresh" content="20"> 其中20指每隔20秒刷新一次页面.

 

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

9.<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

 

10.<a href="javascript:" onClick="window.open('http://hi.baidu.com/630270730','','height=500,width=611,scrollbars=yes,status=yes')">打开新窗口</a>

11..window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

二、iframe中页面跳转

 

1.iframe页面跳转:

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

 

例:如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写

"window.location.href"、"location.href":D页面跳转

"parent.location.href":C页面跳转

"top.location.href":A页面跳转 

2.iframe中的target

 

如果D页面中有form的话,  form提交后D页面跳转

<form target="_blank">:  form提交后弹出新页面

<form target="_parent">:  form提交后C页面跳转

<form target="_top"> :  form提交后A页面跳转


三.iframe页面刷新

D 页面中这样写:"parent.location.reload();": C页面刷新  

(当然,也可以使用子窗口的 opener 对象来获得父窗口的对象:window.opener.document.location.reload(); )

"top.location.reload();": A页面刷新
window.location.href = window.location.href 也可以实现页面刷新,它与reload的区别是:如果在reload之前想服务器提交过数据,那么执行reload会重新执行这个提交操作。 而window.location.href = window.location.href 则不会,因为它是重新进入页面。

//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
(或<a href="javascript:opener.location.reload()">刷新</a>   )
//如何刷新另一个框架的页面用
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

 

转发自:http://blog.csdn.net/shanghui815/article/details/6299068

分享到:
评论

相关推荐

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

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

    Iframe页面请求跳转问题解决

    首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....

    js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

    用JavaScript刷新上级页面和当前页面 代码如下: [removed] //刷新上级页面 //window.parent.main.[removed].reload(); //刷新当前页面 [removed].reload(); [removed] 每个frame元素或者iframe元素就是一个框架,这个...

    详解iframe的src指向的内容不刷新的解决办法

    修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不...

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新。 Iframe的用法与普通的标签元素DIV类似,可以指定在页面中嵌入的位置、颜色、界面布局等 一、iframe实现局部刷新方法一 ...

    JS实现刷新父页面不弹出提示框的方法

    本文实例讲述了JS实现刷新父页面不弹出提示框的方法。分享给大家供大家参考,具体如下: A页面 open方式出 B页面 ,当B页面做了类如保存动作后,需要关闭B页面,刷新A页面的情况下,会弹出一个提示框,要求点重试,...

    dcat-iframe-tab:在dcat-admin中使用iframe作为页面架构并发布标签页使页面切换无需刷新

    这个扩展包基于laravel框架和dcat-admin框架,为解决dcat-admin没有自带兼容iframe架构。使用此扩展包可以构建出一个iframe架构并带有标签页管理的后台框架。 功能 双击关闭标签页 当标签页过多时,可通过鼠标滚轮...

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

    最近的一个项目中,需要通过 JavaScript 提交表单数据到另一个域名下的PHP接口(因为数据较大,需要HTTP POST方式提交),并获取PHP接口的返回值,在页面无刷新、无跳转的情况下,更新div标签内的内容。  浏览器...

    程序天下:JavaScript实例自学手册

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    《程序天下:JavaScript实例自学手册》光盘源码

    13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...

    JS异步文件上传(兼容IE8+)

    但是form表单提交后浏览器会根据响应头与状态码对当前页面进行渲染、下载或跳转等行为,返回text、html、json等类型的内容时浏览器会对当前页面进行渲染,相当于刷新。 所以基本思路很简单,提交上传文件表单时,让...

    无刷新上传文件并返回自定义值

    在页面上添加一个隐藏的iframe,设置form表单的target属性设置为iframe的id,这样form提交时会将excel文件以文件流的形式传到后台,在后台接收后可进行自定义操作,之后返回的信息将显示在iframe中而不进行跳转,...

    Ajax上传实现根据服务器端返回数据进行js处理的方法

    Ajax上传说白了还是使用form表单提交,在当前页面加一个iframe,将提交的内容跳转到iframe中,造成一种页面无刷新的错觉。 以前也做过上传,基本是是使用commons-fileupload组件,基本的步骤是使用servlet处理完上传...

    IBM WebSphere Portal门户开发笔记01

    73、JS判断页面是否是在 IFRAME中 353 74、去掉浏览器中的滚动条 353 75、IFRAME滚动条样式 353 76、JS键盘事件 355 77、JS鼠标事件大全 355 78、JS滚动条滚动时监听 360 79、FRAMESET结构 361 80、设置SELECT为列表...

    Ajax+Asp实现批量生成静态页面进度条信息 sadxy 0.1 版本

    本例用了iframe进行跳转到执行页,执行页将信息实时写入到gaga.txt中,ajax就实时读取txt内容并用js显示在前台。 由于ajax的一些特性我没有摸透,所以,本例由一个令人遗憾的漏洞,就是程序一段中途刷新页面,就会...

    gitbook-plugin-add-tag-to-parent:自动刷新gitbook父窗口的hash key的值,方便做拷贝

    使用 当gitbook做为其它页面的子...当然,你还需要在父容器的js代码里添加处理hashkey的部分的代码,将iframe跳转到对应的页面。 比如: $(function() { // 如果存在hashkey,则将iframe跳转到对应的页面 if (locatio

    107个常用javascript语句

    89.window.location.reload()刷新当前页面. 90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL) 91.document.write()不换行的输出,...

    php+js实现的无刷新下载文件功能示例

    本文实例讲述了php+js实现的无刷新下载文件功能。分享给大家供大家参考,具体如下: 服务器端页面 步骤就是,设置头文件参数,然后读入并输出文件。下面代码的file_get_contents可以使用fread,fclose代替。 ...

    ARCH4系统开发指南

    8.11 页面刷新几次后,有些输入域出现空白现象 120 9 系统遗留问题 120 10 附录 121 10.1 嵌套的多行输入域的样例文件 121 10.1.1 NestedMultiLineExampleLayer2.jsp源码 121 10.1.2 NestedMultiLineExampleLayer3....

    百度收藏夹(ASP仿腾讯微博) v2.9.rar

    29、考虑速度问题,把say.asp的内容直接写到myindex.asp中,发表新广播后,会刷新当前页面,评论时不会刷新。 30、把热门话题的代码也放入公共缓存中。 31、完美解决发表新广播时不刷新页面,并且say.asp不预先...

Global site tag (gtag.js) - Google Analytics