页面在iframe里不能跳转,单独打开可以跳转

2024-09-02

iframe嵌套页面中的跳转

简单说一下场景. 假设有A.B.C和D四个JSP页面,D通过iframe嵌套在C中,C通过iframe嵌套在B中,B通过iframe嵌套在A中. 然后现在在D中编写JavaScript代码跳转页面. 在本页面跳转(D页面所在的iframe中跳转) window.location.href = '要跳转的页面路径'; 在上一层跳转(D页面所在iframe的父页面中跳转,即C所在的iframe中跳转) parent.location.href = '要跳转的页面路径'; 如果要在B所在的iframe

在父页面和其iframe之间函数回调父页面回调iframe里写的函数

// @shaoyang 父页面 window['mengBanLogin']={ mengBanArr : new Array(), mengBanLoginSuccess : function(){ console.log('mengbanzhixing'); if(mengBanLogin.mengBanArr.length > 0){ for(var i = mengBanLogin.mengBanArr.length-1; i >= 0; i--){ mengBanLogin.me

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

javascript 获取iframe里页面中元素值的方法关于contentWindow和contentDocumen

javascript 获取iframe里页面中元素值的方法 IE方法:document.frames['myFrame'].document.getElementById('test').value; 火狐方法:document.getElementById('myFrame').contentWindow.document.getElementById('test').value; IE.火狐方法: function getValue(){ var tmp = ''; if(document.

广告域名审核之后跳转技术：点击域名A页面iframe框架下的链接，域名A跳转到域名B

广告域名审核之后跳转技术:点击域名A页面iframe框架下的链接,域名A跳转到域名B注:域名B为afish.cnblogs.com 域名A页面代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3

js获取iframe里的body内容

做个页面需要加入a.html 使用的js动态添加iframe 直接JQ添加的代码 $(".banner-box").after(“<iframe src="http://www.xxx.com/publish/d1111top.html" height="8191" width="100%" frameborder="0" scrolling="no" id="fra

父页面操作iframe子页面的安全漏洞及跨域限制问题

一.父子交互的跨域限制同域情况下,父页面和子页面可以通过iframe.contentDocument或者parent.document来交互(彼此做DOM操作等,如父页面往子页面注入css). 跨域情况下,就会有限制,无法相互操作. [解决办法] 1.主域不同没招 2.主域相同,子域不同以父(a.baidu.com)子(b.baidu.com)为例: 这俩页面相互操作,要是想解决跨域限制,必须设置一个共同的主域,即document.domain="baidu.com" 二.禁止父

主页面、iframe之间调用以及传值

主页面.iframe之间的调用和传值,无非就是两个交互形式: 主页面与子页面的交互子页面之间的交互接下来要讲的是四种交互传值的方式:利用postMessage方法传值.DOM操作传值.URL方式传值.利用全局属性传值利用postMessage方法传值这种方式非常像事件绑定.监听.postMessage方法接收两个参数:一条消息.一个表示消息接收方来自哪个域的字符串.第二个参数对保障安全通信非常重要,可以防止浏览器把消息发送到不安全的地方. demo: /*主页面发送消息,子页面接收消息的

session失效后，登录页面嵌入iframe框架

在登录页面的onload方法中加入以下代码解决: //防止登录页面嵌入iframe框架 if (top.location != self.location){ top.location=self.location; } 其实这么做也不是很完美,因为要加载两次页面,屏幕会有些卡顿: 还有一种方法: 直接在过滤器LoginFilter中,加入以下代码: PrintWriter out = response.getWriter(); out.write("<script>window.pa

用jQuery在IFRAME里取得父窗口的某个元素的值

收集网上的一些示例: 用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作选中IFRAME中的所有单选钮 $(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true"); 2.在IFRAME中操作选中父窗口中的所有单选钮 $(window

页面嵌套 Iframe 产生缓存导致页面数据不刷新问题

最近遇到个比较古怪的问题:当页面嵌套多个 Iframe 时会出现 Iframe 里包含的页面无法看到最新的页面信息. 初步解决方案,在 Iframe 指向的页面地址后缀添加一个随机数或者时间戳.这样能确保每次在加载页面时,让浏览器知道它是最新的页面.说白了就是欺骗下浏览器,躲过缓存的灾难.(这是从 Stack Overflow 和 CSDN 上找到一个看似可行,能彻底治根的办法. ) Sample Code: 通过 JS 产生随机数,把数据数当成参数传给页面地址 <script type="

iframe 里的高度适应的问题

iframe 这个东西功能是很强大,但是有一个巨大的问题就是高度自适应的问题: 不过这个问题,百度或者谷歌上有很多解决办法,但是,很多时候都有兼容性问题: 所有我就每个方法都试了一遍,终于找到了一个感觉很牛的样子,不需要用到js 就可以让iframe 里的内容覆盖整个页面,感觉很舒服.哈哈哈 <html> <head> <meta charset="UTF-8"> <title></title> </head>

js 在iframe子页面获取父页面元素,或在父页面获取iframe子页面的元素的几种方式

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

[微信跳转链接]之WAP跳转微信内指定页面

由于微信覆盖太全面了,几乎所有人都使用微信APP,但是对于做产品的公司来说,所有的产品几乎都离不开微信的推广,然而微信属于封闭式的一个社交应用,大部分只能在今日头条,百度,等等...如果你在推广页面上放置你的微信公众号,让你的客户自己打开微信去搜索添加关注,几乎的不可能的了,那就需要使用[微信跳转技术]来实现,WAP要怎么跳转到微信,并且在微信内置浏览器里打开指定页面,例如:需要在微信内置浏览器打开指定的个人微信号二维码,公众号二维码,方便用户一键识别关注!那就的使用微信跳转链接! 微信跳转技术

angular-使用iframe做独立页（iframe传值到angular和iframe里请求后台数据）

这个方法使用过两次.一次是在项目中嵌入一个表达式生成器.因为用别人做好的网页变成组件很难,而且里面用了jq,与angular思想相反不能用.另一次是因为想要单独引用样式.而innerHTML使用的样式放在组件css里不生效.放在assets里又影响全局样式.所以使用iframe. 第一种是在iframe页中获取我需要的值传回angular页.另一种是将后台请求参数传向iframe页.在iframe引用的页中请求并返回后台数据用innerHTML展示. 两种都先链接到iframe并传参.首先ifr

页面嵌套iframe的时候引发的js交互问题

今天在做一个新页面的时候,用到了iframe这个东西.结果出现了一个有趣的问题.自己写的页面和iframe里边的页面属性和js有冲突.具体的点说就是层级出现了问题.不能正常显示.不管怎么修改,总是解决了这个,那个就不行了.最后发现了解决问题,那就是修改document.domain... 实现跨域交互的方式有很多,其中这种跨子域的交互,最简单方式就是通过设置document.domain:只需要在A.htm与B.htm里都加上这一句document.domain = 'xxx.com',两个页面

在IE中点击转跳，并打开chorme浏览器继续浏览指定页面，IE自定义ocx控件开发

因项目需要,需要开发一个功能:在IE中点击转跳,并打开chorme浏览器继续浏览指定页面. 分析需求后,参考了: https://www.cnblogs.com/ffjiang/p/7908025.html https://www.cnblogs.com/yilin/p/csharp-activex.html 后,了解得知可从修改本地注册表配置和IE的actived控件两种方式实现,考虑到本地修改注册表无法使用js脚本打开链接,只能使用超链接转跳,与项目本身情况不符,故考虑自定义一个active

页面嵌套iframe时，怎样让iframe高度根据自身内容高度自适应

总体思路是这样的,因为iframe里页面的内容是动态加载的,而且电脑屏幕宽度发生变化时,也得相应的去改变iframe标签的高度(如果高度确定就不用这么麻烦了): 首先,我们在父页面中定义一个方法,用来改变iframe标签的高度:在iframe中的页面中,当内容加载号之后去调用父页面汇总的这个方法(因为要根据内容自适应高度): 然后再处理,当屏幕发生改变时,在子页面汇总调用父页面汇总的这个方法: 父页面代码: <!DOCTYPE html> <html lang="en"

iframe里访问父级里的方法属性

window.parent.attributeName; // 访问属性attributeName是在父级窗口的属性名 window.parent.Func(); // 访问属性Func()是在父级窗口的方法 window可以不写项目里用于上传文件功能使用了iframe,在引用iframe的页面里取父类元素或JS里的变量时候,需加上window.parent. 在index.JS定义的JS变量bootStrapFileUploadUrl = “上传的url”:在iframe里取的时候如下:

JS操作未跨域iframe里的DOM

这里简单说明两个方法,都是未跨域情况下在index.html内操作b.html内的 DOM. 如:index.html内引入iframe,在index内如何用JS操作iframe内的DOM元素? 先贴下index.html和iframe引入的a.html内容. index-> <div class="d1"> <iframe src="a.html" frameborder="0" name="one"

在Flex （Flash）中嵌入HTML 代码或页面—Flex IFrame

在flex组件中嵌入html代码,可以利用flex iframe.这个在很多时候会用到的,有时候flex必须得这样做,如果你不这样做还真不行-- flex而且可以和html进行JavaScript交互操作,flex调用到html中的JavaScript方法以及获取调用后的返回值. 1.flex iframe下载地址:https://github.com/downloads/flex-users/flex-iframe/flex-iframe-1.5.1.zip 下载完成后目录如下 asd

页面在iframe里不能跳转,单独打开可以跳转

热门专题