iframe父类url

2024-08-01

跨域下使用获取iframe的父页面URL

通常情况下,我们获取iframe父页面的url很简单:parent.location或top.location即可,但前提是它们遵循同源策略. 当iframe与父页面不属于同一个域名时,像上面的获取会因为安全策略原因而失败.在nczonline的一篇文章上看到一种方法,使用document.referrer. 方法很简单,通过parent !=window检测iframe与父页面是否同源,当不同源时,使用document.referrer,否则使用parent.location.href或者to

ExtJS 4 在Ext.tab.Panel中使用Ext.ux.IFrame打开url指向的网页

ext-4.2.1.883\examples\ux\IFrame.js ext-4.2.1.883\examples\ux\TabCloseMenu.js 复制到 \Scripts\ext-4.2.1.883\src\ux\ Ext.require('Ext.ux.IFrame'); Ext.define('Web.TabPanel', { extend: 'Ext.tab.Panel', AddNewTab: function (title, url) { var tab = Ext.getC

[转]js获取iframe通过url传递的参数

1.前言获取iframe的url路径:window.parent.document.getElementById("your-iframe-id").contentWindow.location.search; //需要iframe的ID 2.代码根据参数名称通过正则获取参数值 function geturl(name) { var reg = new RegExp("[^\?&]?" + encodeURI(name) + "=[^&

父页面刷新保持iframe页面url不变

思路:点击父页面时写cookies-->刷新时从cookies中奖内容读取出来. 本文转自:http://blog.163.com/sdolove@126/blog/static/114637885201282415580/ <body onbeforeunload="check()"> <iframe id='fjob' name='fjob' style='width:757px;margin-top:10px; height:960px;padding:0

IE8和W3C标准下IFRAME刷新和URL的区别

一个页面中包含了一个iframe,我们要刷新这个iframe的情况 url在IE8和W3C以及IE11的区别如下: URL使用相对路径,绝对路径比如http://localhost:5568/替换成IE8>"../" W3C和IE11>"" 用正则表达式:var e = /.+\d{2,5}\//; iframe刷新在IE8下是用window.location.href=iframe的URL; W3C以及IE11是用window.frameElement

js 监控iframe URL的变化

iframe的url可以前端任何地址,这样就可能出现漏洞,如果钓鱼网站通过js把src改成了危险地址,如果没有监控,就会有很大隐患.所以监控iframe的url变化就是必须要解决的问题了. 第一印象的解决方案是通过setInterval轮询监控,貌似不太理想了,而且有延迟. 千般搜索,终于找到了好的方法,可以通过H5新增的MutationObserver来解决,配合DOMAttrModified和onpropertychange来解决兼容性问题. 废话少说,直接上代码. index.html代码

如何实现跨域获取iframe子页面动态的url

有的时候iframe的子页面会动态的切换页面,我们在父页面通过iframe1.contentWindow.window.location只能获取同源的子页面的信息.获取跨域的子页面信息会报错. 这时可以通过html5 提供的接口 postMessage来过去跨域子页面信息.如下代码: 在localhost:8000服务器下的入口测试页面:http://localhost:8000/index.html <!DOCTYPE html> <html lang="en"&g

解决iframe作为子窗口，刷新后iframe页面跳转到其它页面的问题

转载请在页首注明作者与出处 http://www.cnblogs.com/zhuxiaojie/p/5990262.html 前言: 在开发网站时,尤其是管理后台,我们经常会使用iframe作为内容窗口,而外面的是菜单部分,这样就可以借助iframe,只刷新内容部分,而不刷新其它的部分. 好处:(1)给用户的视觉效果要好,用户看到的不会是要刷新整个页面. (2)加载的资源要少,所以用时更少,而且消耗服务器的流量会少一点. (3)统一管理菜单内容,不需要每个页面都写菜单,增加,修改方便. 缺点:(

利用Jquery获取、设置iframe中元素

HTML之iframe

iframe:是框架的一种形式. 属性: frameborder=0/1 表示是否显示周围边框 0--否 1--是 width,height:设置的边框宽高,具体数值不需要加单位,也可用百分比 marginwidth:设置显示的内容的左右边距:marginheight:设置显示的内容的上下边距 border:设置边框 scrolling:是否有滚动条 src:指定调用的图片或文件用途:在一个网页中,只有某一部分需要显示另外一个网页,即可以用iframe标签. 解释说明:比如在浏览一个网站时,他

通过分析iframe和无阻塞脚本关系能让我们更懂iframe

在我上篇文章里,我提到一种使用iframe完成无阻塞脚本加载的方式,因为我对iframe的偏见很大,所以上篇文章里我没有展开讨论这个问题. 文章发表后有位网友问了我这样一个问题,下面是他问题的原文,如下所示: 我一个电商后台系统,用的表格控件是flexigrid,,里面是个iframe来的,每一个tab就是一个iframe,现在遇到的问题就是,如果其中一个或者多个iframe在加载数据,还没加载完,如果这个时候,我再去开一个tab,也是查找数据,可能数据量很大,或者提交数据(其他的iframe可

多iframe使用tab标签方式添加、删除、切换的处理实例

紧接着上一篇随笔iframe的内容增高或缩减时设置其iframe的高度的处理方案如果采用iframe来切换显示内容的方式来展现办公Web.那么需要解决几个问题 1.tab标签需要和显示的iframe一一对应,当点击到某个tab页签的时候需要切换到对应的iframe. 2.需要有新增.删除页签的tab功能. 3.在tab页签之间切换的时候需要有一个记录点击的页签的历史记录的功能.何用?当你删除某个页签的时候,需要回溯到上一个页签. 4.不断添加页签,需要计算页签的宽度做适配. 本实例是这样做的

话说好像是这样，ios下面通常用iframe来打开你的scheme地址； Android下通常用location.href来。。。不过实际情况好像比这个复杂得多。。

http://js.40017.cn/touch/hb/p/openApp.js/** * Created by wsy10943 on 2015/5/18. */ window._web_public_app = { /* * 根据ua,判定手机系统ios,android,wp * */ getUa: function () { var ua = window.navigator.userAgent.toLocaleLowerCase(), isApple = !!ua.match(/(ipa

利用location.hash+iframe跨域获取数据详解

前言如果看懂了前文利用window.name+iframe跨域获取数据,那么此文也就很好理解了.一样都是动态插入一个iframe,然后把iframe的src指向服务端地址,而服务端同样都是输出一段js代码,同样都是利用和子窗口之间的通信完成数据传输,同样要针对同源策略做出处理. location.hash和锚点要理解location.hash+iframe跨域获取数据的机制,先得知道什么是location.hash,楼主买一送一,把锚点也一起介绍了. 其实锚点很简单,也相信大家都有用过.纳尼

利用window.name+iframe跨域获取数据详解

详解前文提到用jsonp的方式来跨域获取数据,本文为大家介绍下如何利用window.name+iframe跨域获取数据. 首先我们要简单了解下window.name和iframe的相关知识.iframe是html的一个标签,可以在网页中创建内联框架,有个src属性(指向文件地址,html.php等)可以选择内联框架的内容,可以看个例子(猛戳这里),大概了解下就行了.window.name(一般在js代码里出现)的值不是一个普通的全局变量,而是当前窗口的名字,这里要注意的是每个iframe都有包

Iframe的应用以及父窗口和子窗口的相互访问

点评:Iframe和FRAME的区别,方便大家以后在使用过程中根据实际需要取舍.- function getParentIFrameDocument(aID) { var rv = null; // if contentDocument exists, W3C compliant (Mozilla) if (parent.document.getElementById(aID).contentDocument) { rv = parent.document.getElementById(aID)

iframe使用location跳转页面的问题

iframe页面调用父级页面中的函数 parent.dofunction(); contentWindow 实例 iframe = document.getElementById("frame"); iframe.contentWindow.location = "http://mozilla.org"; iframe.contentWindow.history.back(); 个人应用遇到的问题: 下面的方法实现如过标签未打开则打开标签,如果打开了则刷新标签页面.

iframe参数

iframe参数: <iframe src="test.jsp" width="100″ height="50″ frameborder="no" border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes"></iframe> <iframe

iframe的各项參数

iframe的各项參数: <iframe src="test.jsp" width="100″ height="50″ frameborder="no" border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes"></iframe> <ifra

页面加载与iframe加载函数

<head> <script> $(document).ready(function(){ alert("a"); var wait = document.getElementById("wait"); if(wait) wait.style.visibility="hidden"; $("iframe").load(function(){ alert("b");

性能优化之-------少用iframe

1.DOM开销高使用iframe的开销是很高的,在主页面中加载同等数量的div和iframe(标签内容都是空),iframe的耗时会比div的高1~2个数量级. 2.阻塞onload事件在典型方式下(<iframe src=url></iframe>)使用iframe时,会阻塞onload事件. 解决方法:1.使用js动态设置iframe的src属性.只对chrome.Safari有效 2.在onload事件后,设置iframe的src 一般情况下,iframe和主页面中的资

iframe父类url

热门专题