`

FireFox中IFRAME的返回上页问题

阅读更多
项目开始写静态页面了,该管理系统使用iframe框架。在写静态页面过程中遇到了FF的history.back()和history.go() 不能返回上页的问题,但是在IE中可以使用,为了解决此问题,开始查找资料,刚开始思路还是局限于使用history.back或者go的方法上,在使用了好多方法下还是没能完成功能,从FB中跟踪 document.getElementById['iframename'].history.back()没能得到信息。

为了达到返回上页目的,现在使用referurl来实现:

document对象的referrer属性,返回导航到当前网页的超链接所在网页的URL。

<script type="text/javascript" language="javascript">
        function back(){
        var referurl;
        referurl=document.referrer;
        window.location.href=referurl;
        return false;
        }
    </script>


使用该脚本可以达到在FF的iframe中返回上页的目的。

上面代码虽然能实现返回,但不能像history.back()那样,保存查询条件参数等内容。有一个稍微进步一点的改进就是先判定浏览器,再执行不同的返回方式。见链接:
http://www.iteye.com/topic/654801
上面链接这篇文章有讲个怎么判定IE浏览器,因此综合一下,大概就像下面这样:
function goBack() {
	if(-[1,]){
		var referurl;
		referurl = document.referrer;
		window.location.href = referurl;
		return false;
	}else{
		history.back();
	}
}

如果数组里面最后一个字符为逗号,一般的JS引擎会自动剔除它,但是IE不会,所以会返回false。

注:document.referrer:返回导航到当前网页的超链接所在网页的URL。

参考:http://blog.csdn.net/lingyu2843/archive/2009/10/10/4650409.aspx
分享到:
评论

相关推荐

    用js互相调用iframe页面内的js函数

    这里的`window.parent.window`用于返回到包含`iframe`的上一级窗口,然后通过`getElementById`找到`iframe`元素,进一步获取它的`contentWindow`属性,这个属性指向`iframe`内容的实际窗口对象,从而可以访问到`...

    Firefox返回时Iframe的显示Bug的解决方法

    一个页面有4个Iframe来显示flash内容,其中第二个iframe的显示是用Javascript控制的,只有当特定的cookie存在时才出现,否则显示普通的文本。

    firefox3中onreadystatechange事件不会触发

    在Firefox 3中,`onreadystatechange`事件是一个常见的JavaScript事件,用于监测XMLHttpRequest对象的状态变化。然而,根据标题所示的问题,这个事件似乎在特定环境下没有按照预期的方式触发。这可能是由于Firefox 3...

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...

    iframe里的页面禁止右键事件的方法

    在开发涉及iframe嵌入内容的网页时,开发者可能会遇到一些安全和版权的问题,其中一项就是如何阻止iframe中的右键事件。右键事件不仅允许用户调用上下文菜单,还可能让用户对网页元素进行审查元素等操作,这些都可能...

    js加iframe轻松实现异步图片上传 可以预览 兼容FF,chrome,ie9

    本示例主要探讨如何使用JavaScript结合IFrame技术来实现异步图片上传,并提供预览功能,同时确保兼容Firefox、Chrome和IE9等主流浏览器。 首先,我们需要了解异步上传的基本原理。异步上传,也称为Ajax上传,是指在...

    兼容IE和Firefox的javascript获取iframe文档内容的函数

    给定文件中提到的JavaScript函数getIframeContent()就是为了解决IE和Firefox在访问iframe内部文档内容时的兼容性问题。下面将详细阐述该函数实现的原理和细节: 首先,我们注意到函数getIframeContent()的定义,它...

    JS实现iframe自适应高度的方法(兼容IE与FireFox)

    本篇文章将详细介绍如何使用JavaScript实现`iframe`自适应高度的方法,以确保在IE和Firefox等主流浏览器上的兼容性。 首先,我们来看关键的JavaScript代码。在`&lt;body&gt;`标签下,我们需要插入以下脚本: ```html ...

    js操作iframe的一些方法介绍

    大部分现代浏览器如Chrome、Firefox等都支持在iframe上绑定onload事件,例如通过document.createElement方法动态创建iframe元素,并为其设置onload事件处理函数。然而,IE浏览器不支持通过这种方式绑定onload事件,...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    用户在main.html中通过iframe加载iframe.html,iframe.html通过JavaScript设置一个特殊的src,包含自身高度信息,这个信息会被传递到agent.html,agent.html再将高度信息返回给main.html,更新iframe的高度。...

    jquery load()在firefox(火狐)下显示不正常的解决方法

    《jQuery load()方法在Firefox下的显示异常...然而,有时在Firefox浏览器中,load()可能会遇到显示不正常的问题。本文将深入探讨这一问题,并提供有效的解决方案。 首先,我们来看一个简单的示例代码: ```html ...

    js获取电脑名、ip、mac(ie&火狐)

    在Firefox中,获取电脑名和MAC地址更为复杂,因为浏览器的安全策略更加严格。火狐并不直接支持ActiveXObject,但可以使用一些插件或者WebExtensions来扩展其能力。由于获取MAC地址涉及用户隐私,大多数现代浏览器都...

    iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过

    在本问题中,我们关注的是如何使`iframe`自适应其内容的宽度和高度,并确保在不同浏览器,如IE6、IE7、IE8以及Firefox 3.86下正常工作。 首先,代码中定义了一个变量`temp_iframe`,用于存储创建的`iframe`元素。...

    js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]

    针对如何用 JavaScript 访问和操作 iframe 中的文档对象,特别是针对不同时期的 Internet Explorer 和 Firefox 浏览器,存在一些特定的技巧和差异。 首先,根据 W3C 的标准,JavaScript 中可以通过 DOM 对象的 ...

    jquery如何实现在加载完iframe的内容后再进行操作

    // 对于Firefox、Chrome、Safari等非IE浏览器 iframe.load(function() { // 在这里放置你需要在iframe加载完成后执行的代码 }); // 对于Internet Explorer if (iframe[0].attachEvent) { iframe[0].attachEvent(...

    引用 js在IE与FF之间的区别详细解析

    如果存在只有name没有id的控件,那么在IE中可以通过document.all来获取该元素,而Firefox则会返回null。因此,在编写跨浏览器的JavaScript代码时,尽量使用id属性来标识控件。 在JavaScript中获取表单中的某个元素...

    通过ifame指向的页面高度调整iframe的高度

    - 需要注意的是,`document.all`是IE浏览器特有的属性,对于其他浏览器(如Firefox、Chrome等),应该使用`document.getElementById('ifrm')`来获取元素。 综上所述,通过`iframe`的`src`属性指向另一个页面,并...

    JavaScript自动设置IFrame高度的小例子

    示例中包括了对IE(Internet Explorer)、Firefox、Chrome、Opera和Safari的检测。 2. **兼容不同浏览器的IFrame高度获取方式**: 代码中通过检测到的浏览器类型,使用不同的属性来获取IFrame内嵌页面的body高度。...

    IE6,Ie7,ie8 ,和火狐下的图片上传预览 解决方案

    首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的支持非常有限,而火狐(Firefox)作为一款开源浏览器,虽然对新特性支持较好,但在旧版本中也可能存在一些差异。图片上传预览功能允许...

    【python-Web自动化-05课-iframe、窗口等控件切换】

    此外,Selenium还支持WebDriver,这是一种跨平台的接口,可以驱动各种浏览器(如Chrome、Firefox等)进行自动化测试。 5. **等待策略**:在自动化过程中,网页元素的加载速度并不固定,因此需要设定合适的等待策略...

Global site tag (gtag.js) - Google Analytics